.error-page {
	float:left;
	width:100%;
}
.error-page .holder {
	width:100%;
	margin:0 auto;
}
.error-page .holder strong.title {
	font-family:'Roboto', sans-serif;
	font-size:300px;
	line-height:220px;
	font-weight:600;
	text-align:center;
	display:block;
	padding:0 0 85px 0;
}
.error-page .holder span {
	font-family:'Roboto', sans-serif;
	font-size:36px;
	line-height:36px;
	font-weight:500;
	display:block;
	text-align:center;
	padding-bottom:22px;
}
.error-page .holder em {
	font-family:'Roboto', sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:400;
	display:block;
	text-align:center;
	font-style:normal;
	padding-bottom:20px;
}
.error-page .holder form {
	float:left;
	width:100%;
	position:relative;
}
.error-page .holder input[type="text"] {
	float:left;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:4px;
	height:60px;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	font-weight:400;
	padding:0 15px;
}
.error-page .holder button {
	position:absolute;
	right:0;
	top:0;
	border:0;
	padding:0 17px;
	height:60px;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	font-weight:400;
}
.error-page .holder button .fa {
	font-size:16px;
	padding:0 15px 0 0;
	float:left;
	line-height:25px;
}

@media (max-width:480px) {

	.error-page .holder input[type="text"]{
		font-size:12px;
	}

}

@media (max-width:767px) {

	.error-page .holder strong.title{
		font-size:150px;
		line-height:100px;
		padding:0 0 50px;
	}
	.error-page .holder span{
		font-size:24px;
		line-height:30px;
	}
	
}

@media (min-width:768px) and (max-width:1024px) {

}

@media screen and (max-width:1160px) {

}

@media (min-width:1200px) {

	.error-page .holder{
		width:770px;
	}

}

@media (min-width:1366px) {

}

@media (min-width:1400px) {

}