#error-tile-wrap { margin: 0 auto; }

body{min-width: 0px;}

.error-tile{
	min-height: 620px;
	background: no-repeat left top;
	position: relative;
	margin: 0 auto;
	max-width: 980px;
}
	.error-tile h1{margin: 0px;}
	.error-tile h2{font-weight: normal;}

/* Phone Portrait (320px) */
@media only screen and (min-width: 0) and (max-width: 320px) {
	.l-top-wrap, .l-footer, .l-header{ display: none; }

	#error-tile-wrap{
		background-image: url(images/320x480_serviceunavailable.jpg);
	}

	.error-tile{
		padding: 0 10px;
	}

		.error-tile h1{			
			font-size: 25px;
			line-height: 30px;
			padding: 10px 0 8px 0;
		}

		.error-tile h2{
			font-size: 16px;
			line-height: 21px;
		}
}
/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 768px) {
	
	body{min-width: 321px;}
	
	.l-top-wrap, .l-footer, .l-header{ display: none; }
	
	#error-tile-wrap{
		background-image: url(images/768x485_serviceunavailable.jpg);
	}
	
	.error-tile{
		padding: 0 20px;
	}
	
		.error-tile h1{
			font-size: 35px;
			line-height: 40px;
			padding: 20px 0 12px 0;
		}

		.error-tile h2{
			font-size: 18px;
			line-height: 23px;
		}
}

/* Laptop (1920px) */
@media only screen and (min-width: 769px){

	body{min-width: 769px;}
	
	.l-top-wrap, .l-footer, .l-header{display: block;}
	
	#error-tile-wrap{
		background-image: url(images/1920x485_serviceunavailable.jpg);
	}
	
	.error-tile{
		padding: 0 30px;
	}

		.error-tile h1{
			font-size: 35px;
			line-height: 40px;
			padding: 30px 0 15px 0;
		}

		.error-tile h2{
			font-size: 18px;
			line-height: 23px;
		}
}