body { height: 100%; background-color: #005ca3; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-align: center; }
.sprite { background: url('../img/sprite.png'); }

.container { height: 400px; position: relative; min-height: calc(100vh - 250px); }
.login_block { width: 250px; margin: 0 auto; position: absolute; top: 40%; left: calc(50% - 125px); }
.login_block input { display: block; width: calc(100% - 30px); margin-bottom: 10px; padding: 15px; border-radius: 7px; border: 0; color: #9b9b9d; font-size: 16px; }
.login_block input[type="submit"] { background-color: #f8ad38; border: none; color: #fff; width: 100%;min-height:49px;height:49px; }
.login_block .error-msg { background-color: #f92552; color: #fff; margin-bottom: 20px; padding: 20px; line-height:20px;border-radius: 5px; font-size:12px; font-weight: 600; text-align: center; }
.footer { height: 250px; background-color: #005395; }
.footer .footer_text { color: #fff; padding-top: 60px; }
.footer .footer_text div { margin-bottom: 10px; }
.footer .footer_text div a { color: #f8ad38; text-decoration: none; }
.logo_img { display: inline-block; width: 132px; height: 30px; background-position: 0 -249px; }
.footer .logo_img { margin-top: 20px; }

.mobile {display: none; }
.error_page { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 80%; }
.error_page .error_row { font-size: 40px; font-weight: bold; color: #e10000; }
.error_page .error_row.small_text { font-size: 32px; }

@media only screen and (max-device-width: 768px){
	.mobile { display: block; }
	.desktop { display: none; }
	.container { height: calc(100% - 130px); }
	.login_block { width: calc(100% - 40px); left: 20px; top: 30%x; }
	.login_block .logo_img { margin: 0 auto; margin-bottom: 30px; background-position: 0px -249px; height: 30px; }
	.footer { height: 130px; text-align: left; }
	.footer .footer_text { padding: 0 20px; padding-top: 30px; }
}

@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {
		.sprite {
			background: url('../img/sprite@2.png');
			background-size: auto 490px;
		}
}
@media
    only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (   min--moz-device-pixel-ratio: 3),
    only screen and (     -o-min-device-pixel-ratio: 3/1),
    only screen and (        min-device-pixel-ratio: 3),
    only screen and (                min-resolution: 288dpi),
    only screen and (                min-resolution: 3dppx) {
		.sprite {
			background: url('../img/sprite@3.png');
			background-size: auto 490px;
		}
}