html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#login {
    width: 50%;
    margin: auto;
}

#login h1 {
    display: none;
}

#login .message {
    font-size: 1.3rem;
    font-weight: 600;
}

#login #login_error {
    margin-bottom: 10px;
}

#login form {
    margin-bottom: 72px;
}

#login form #pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #23282d;
    margin: -2px 5px 5px 1px;
    padding: 3px 5px;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
}

#login form #pass-strength-result.short {
    background-color: #f1adad;
    border-color: #e35b5b;
    opacity: 1;
}

#login form #pass-strength-result.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
    opacity: 1;
}

#login form #pass-strength-result.good {
    background-color: #ffe399;
    border-color: #ffc733;
    opacity: 1;
}

#login form #pass-strength-result.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
    opacity: 1;
}

#login form ul {
    padding-left: 0;
}

#login form li {
    list-style-type: none;
}

#login #login_msg,
#login form #pass_strength_msg,
#login form #pref_msg {
    font-size: smaller;
    margin-bottom: 16px;
}

#login form #terms_title {
    display: inline;
}

#login form #terms { 
    font-size: smaller;
    margin-bottom:8px; 
    height: auto;
    overflow: auto; 
}

#login form #wp-submit {
    font-weight: 600;
    float: left;
}

#login #nav a,
#login #backtoblog a {
    font-weight: normal;
}

#backtoblog {
    margin: 16px 0;
}

@media only screen and (max-width: 768px) {
    #login {
        width: 100%;
    }
}