@media screen and (max-width: 600px) {
    .container-login {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        width: 80%;
          margin-left: auto;
          margin-right: auto;
          background: rgba( 255, 255, 255, 0.35 );
          box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
          backdrop-filter: blur( 13.5px );
          -webkit-backdrop-filter: blur( 13.5px );
          border-radius: 10px;
          border: 1px solid rgba( 255, 255, 255, 0.18 );
    }
}
@media screen and (min-width: 600px) {
    .container-login {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        width: 300px;
          margin-left: auto;
          margin-right: auto;
          background: rgba( 255, 255, 255, 0.35 );
          box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
          backdrop-filter: blur( 13.5px );
          -webkit-backdrop-filter: blur( 13.5px );
          border-radius: 10px;
          border: 1px solid rgba( 255, 255, 255, 0.18 );
          }
}