html, body { width: 100%; height: 100%; }
body {
	background-size: cover;
	background-color: #333;
	background-image: url(../img/login-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.login-container { width: 500px; height: 600px; border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.login-container .top { height: 200px; text-align: center; }
.login-container h1 { text-align: center; margin: 20px 0; }
.login-container h1 img { vertical-align: top; }

.login-container .form { clear: both; width: 400px; padding: 10px 0 0; margin: 0 auto; }
.login-container .form .input { display: flex; height: 50px; margin: 25px 0 0; background: rgba(255, 255, 255, 0.1); position: relative; border-radius: 5px; }
.login-container .form .input input { flex: 1; height: 100%; font-size: 18px; color: #fff; padding: 0 34px; background: transparent; box-shadow: none; border: none; border-radius: 3px; outline: none; box-sizing: border-box; }
.login-container .form .input input:focus { border: 1px solid rgba(178, 178, 178, .5);}
.login-container .form .input input:-webkit-autofill { background-color: #111; background-image: none; color: rgb(0, 0, 0);}
.login-container .form .input input::-webkit-input-placeholder { font-size: 18px; color: rgba(178, 178, 178, 0.5); }
.login-container .form .input input[type=password] { letter-spacing: 2px; }
.login-container .form .input label { width: 75px; height: 100%; line-height: 50px; text-align: center; font-size: 16px; color: #fff; }
.login-container .form .input.error input {  }
.login-container .form .submit { width: 100%; height: 50px; font-size: 20px; margin: 40px 0 0; border: none; border-radius: 3px; cursor: pointer; }
.login-container .form .reg { text-align: center; font-size: 16px; color: #b2b2b2; margin: 25px 0 0; }
.login-container .form .reg a { color: #fff; text-decoration: underline; }

.copyright { width: 100%; text-align: center; color: #b8b8b8; position: absolute; bottom: 45px; left: 0; }

@media screen and (max-height: 900px) {
	.copyright { bottom: 30px; }
}
@media screen and (max-height: 800px) {
	/*.login-container .top { height: 100px; background-size: auto 54px; }
	.login-container h1 { margin-bottom: 0; }
	.login-container h1 img { height: 23px; }
	.login-container { width: 500px; height: 450px; }
	.login-container .form { width: 340px; margin-top: -10px; }
	.login-container .form .input input { height: 46px; line-height: 44px; }
	.login-container .form .input label { line-height: 46px; }
	.login-container .form .submit { height: 46px; margin-top: 40px; }
	.login-container .form .reg { margin-top: 15px; }*/
}