@media only screen and (min-width: 320px) and (max-width: 600px) {

  
      

    .login-container {
        /* padding: 10px; */
        text-align: center;
        min-height: 600px;
        padding: 0;
    }
   
    form.login-form {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* color: white; */
        /* font-size: 18px; */
        border-radius: 20px;
        min-height: 400px;
        padding: 0;
       
        /* color: white; */
        
     
    }

    form .form-group {
        /* padding: 10px; */

        width: 90%;
        margin: 0 auto;
        margin: 10px auto;
        padding: 0;
    }

    

 


}