@import url("site.css");
@import url("high-topbar.css");

.content #login-form {
    max-width: 600px;
    margin: auto;
}

/* remember me*/
.content .form-group label {
    padding-bottom: 7px;
    padding-right: 50px;
}

.content .field-loginform-rememberme {
    width: 380px;
    text-align: left;
    padding-top: 7px;
    margin-top: -15px;
}

.content .buttons-group {
    text-align: center;
}

.content .login-button {
    display: block;
    margin-bottom: 20px;
}

.content .restore-password-ref {
    display: block;
}

.content button {
    width: 170px;
}

@media (min-width:400px) {
    .content .buttons-group {
        text-align: left;
        width: 380px;
    }

    .content .login-button {
        display: inline;
        margin-bottom: 0;
    }
    .content .restore-password-ref {
        display: inline;
        margin-left: 50px;
    }
}