@font-face {
	font-family: 'sr';
	src: url('../fonts/scene/SceneStd-Regular.eot');
	src: url('../fonts/scene/SceneStd-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/scene/SceneStd-Regular.woff2') format('woff2'),
		url('../fonts/scene/SceneStd-Regular.woff') format('woff'),
		url('../fonts/scene/SceneStd-Regular.ttf') format('truetype'),
		url('../fonts/scene/SceneStd-Regular.svg#SceneStd-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background-color:#E2E6E7;
	margin:0;
	padding:0;
}

*{font-family: 'Open Sans', sans-serif;}

.error{width: 100%; max-width: 1440px; margin: auto; background-size:100% !important; background-position:top center !important; background-repeat:no-repeat !important;}
#texts{width: 500px; margin: auto; padding: 32% 0 0 2%;}
.e401 #texts, .e403 #texts{padding: 35% 0 0 2%;}
#error_message{font-family:sr, Arial, Helvetica, sans-serif !important; font-size:45px; color:#69be28; margin-bottom: 5px;}
#error_desc{ color:#5E6B73; font-size:16px; margin-bottom: 15px;}
#link a{  color:#69be28; font-size:14px; }
#link a:hover{text-decoration:none;}
#link { color: #5E6B73; font-size: 14px;}

.e400{background:url(../images/400.jpg);}
.e401{background:url(../images/401.jpg);}
.e403{background:url(../images/401.jpg);}
.e404{background:url(../images/404.jpg);}
.e500{background:url(../images/500.jpg);}



@media screen and (max-width: 980px){
	#error_message { font-size: 35px;}
	#error_desc {font-size: 14px;}	
	#link a {font-size: 12px;}
	#texts { width: 400px;}
	
	.e401 #texts, .e403 #texts{padding: 38% 0 0 2%;}
}

@media screen and (max-width: 600px){
	#texts { padding: 35% 0 0 2%;}
	#error_message { font-size: 30px;}
	#texts { width: 350px;}
}

@media screen and (max-width: 400px){
	#texts { padding: 38% 0 0 2%;}
	#error_message { font-size: 25px;}
	#texts { width: 300px;}
	
	.e401 #texts, .e403 #texts{ padding: 43% 0 0 2%;}
	.e401 #error_desc { font-size: 13px;}
}