html.touchevents body.bg {
	background-color: #111;
}
#site-underlay:after {
	background-color: #111;
}
#page {
	background-image: url("../images/error/bg-page.jpg");
	background-position: center center;
	background-size: cover;
}
body.error404 #page {
	background-image: url("../images/error/bg-page-404.jpg");
}
#page-content {
	padding-top: 90px;
	padding-bottom: 90px;
}
body.error404 #page-content {
	padding-left: 30%;
}
#page-content p {
	color: #ddd;
	border: 5px solid #e6e6e6;
	background-color: #222;
	text-align: center;
	padding: 25px 30px;
	display: table;
}

/* ----------------------------------------------------------> RESPONSIVE RULES */

@media screen and (max-width: 1024px) and (min-height: 1300px) {
	body.error404 #page {
		background-position: 45% center;
	}
}
@media screen and (max-width: 800px) {
	html.portrait body.error404 #page {
		background-image: url("../images/error/bg-page-404-mobile.jpg");
	}
	html.landscape body.error404 #page {
		background-image: url("../images/error/bg-page-404.jpg");
	}
	body.error404 #page-content {
		padding-top: 270px;
		padding-left: 0;
	}
	html.landscape body.error404 #page-content {
		padding-top: 150px;
	}
}