.error-leftbar {
	display: inline-block; 
	vertical-align: top; 
	}

.error-rightbar {
	display: inline-block; 
	background-repeat: no-repeat;
}

/* DESKTOP */
@media all and (min-width: 800px) {
  	.error-leftbar {
		width: 30%; 
		margin-left: 13%;
		margin-top: 80px;
	}

	.error-rightbar { 
		background-image: url('../../img/error-large.jpg');
		width: 50%; 
		height: 700px;
		margin-left: 5%;
	}
}

/* DESKTOP */
@media all and (max-width: 799px) and (min-width: 500px) {
  	.error-leftbar {
		width: 43%; 
		margin-left: 10%;
		margin-top: 40px;
	}

	.error-rightbar { 
		background-image: url('../../img/error-medium.jpg');
		width: 40%; 
		height: 500px;
		margin-left: 5%;
	}
}

/* MOBILE */
@media all and (max-width: 499px) {
  	.error-leftbar {
		width: 80%; 
		margin-left: 10%;
		margin-top: 20px;
	}
	
	.error-rightbar { 
		display: none;
		/*
		width: 35%; 
		height: 300px;
		background-image: url('../../img/error-small.jpg');
		margin-left: 5%;
		*/
	}
}