#login {
    width: 320px;
    padding: 8% 0 0;
    margin: auto;
}
.login h1 {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
}
.login h1 a {
  background-image: none,url(vq-logo.png);
  background-size: contain;
  width: 108px;
  margin-top: 10px;
}
.login #backtoblog, .login #nav {
    font-size: 14px;
    padding: 0 6px 0;
    font-weight:600;
}
.login form {
    margin-top: 20px;
    overflow: visible;
    padding: 26px 24px 48px;
}    
	.login.message, .register.message{
    margin-top: 20px;
	}

.login form .input::-webkit-input-placeholder{
    color: #ccc;
}
.login form .input:-moz-placeholder{
    color: #ccc;
}
.login form .input::-moz-placeholder{
    color: #ccc;
}
.login form .input:-ms-input-placeholder{
    color: #ccc;
}
.login form .input::-ms-input-placeholder{
    color: #ccc;
}

.login form .input, .login input[type="text"], .login form input[type="checkbox"] {
   font-size:15px;
}

@media screen and (max-width: 1199px) {
	.login.message, .register.message{
    margin-top: 105px;
	}


}