#login {
    padding: 10% 0 0;
}
@media screen and (max-height: 550px) {
	#login {
    padding: 10% 0 20px;
}
}

@media screen and (max-width: 767px) {
    #login {
        padding: 20% 0 20px;
    }
}

.login-password-protected #login {
    padding: 17% 0 0;
}

@media screen and (max-width: 767px) {
    .login-password-protected #login {
        padding: 45% 0 20px;
    }
}