.form-login{
    max-width: 360px;
    margin: 0 auto;
    padding: 15% 10px 20% 10px;
}
.form-login .logo{
    display: block;
    width: 100%;
}
#loginform{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px 15px;
}


@media screen and (min-width: 200px){
    .login-container{
        margin-top: 85% !important;
    }
}

@media screen and (min-width: 480px){
    .login-container{
        margin-top: 70% !important;
    }
}

@media screen and (min-width: 640px){
    .login-container{
        margin-top: 55% !important;
    }
}

@media screen and (min-width: 764px){
    .login-container{
        margin-top: 45% !important;
    }
}

@media screen and (min-width: 960px){
    .login-container{
        margin-top: 35% !important;
    }
}

@media screen and (min-width: 1050px){
    .login-container{
        margin-top: 25% !important;
    }
}

@media screen and (min-width: 1140px){
    .login-container{
        margin-top: 20% !important;
    }
}