body.error-page {
	padding:40px;
	font-family:"Lato", Arial, Helvetica;
	margin:0;		
	h1 {
		text-transform:uppercase;
		margin-bottom:0px;
		font-size:60px;
		color:#CCC;
		margin-top:0px;
		margin-left:130px;
	}
	h2 {
		margin-top:0px;
		text-transform:uppercase;
		margin-left:130px;
	}
	.debug-info {
		border:1px solid #e5e5e5;
		border-top:0 none;
	}
	h3 {
		margin:0;
		padding:15px;
		border-top:1px solid #e5e5e5;
		font-size:14px;
		text-transform:uppercase;
		cursor:pointer;
	}
	pre {
		padding:15px;
		margin:0;
		background-color:#f8f8f8;
		border-top:1px solid #e5e5e5;
		overflow:auto;
	}
	.error-header{
		padding:15px;
	background:#000;	
	display:none;
	}
	.error-information, .error-main {
		padding:40px 40px 0;
	}
	.error-information img {
		float:left;
		margin: 10px 30px 0 0;
	}
	.error-information p  {
		margin-left:130px;
		margin-bottom:10px;
	}
	.return-to-store a {
		display:inline-block;
		padding:10px 15px;
		text-decoration:none;
		background-color:#000;
		color:#FFF;
		transition:all 0.3s;
	}
	.return-to-store a:hover {
		background-color:#666;
	}
}
@media (max-width: 600px) {	
	body.error-page {
		padding:0 0 20px 0;
		.error-information, .error-main {
			padding:20px 20px 0 20px;
		}
		.error-information p  {
			margin-left:0;
			clear:both;
		}
		.error-information img {
			margin-bottom:30px;
			width:80px;
		}
		h1, h2 {
			margin-left:100px;
		}
	}	
}
@media (max-width: 400px) {
	body.error-page {
		.error-information p  {
			margin-left:0;
			clear:both;
		}
		.error-information img {
			margin-bottom:10px;
			width:80px;
		}
		h1, h2 {
			margin-left:0px;
		}
		.return-to-store a{
			width:100%;
			box-sizing:border-box;
			text-align:center;
		}
	}	
}