/* Big Chungus */
html{
	background-color:#111;
	background-image:url("../images/spyro/darkpassagebg.png");
	background-attachment:fixed;
	background-size:cover;
}
body{
	color:#f4f4f4;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	text-align:justify;
	opacity:99%;
}
/* Semantic Elements */
main{
	width:55%;
	margin:auto;
}
section{
	background-color:#333;
	padding:0.63em 1.56em;
	margin-bottom:1em;
}
header, footer{
	text-align:center;
}
figure{
	text-align:center;
	margin-left:0;
	margin-right:0;
}
/* Inline Elements */
a:hover{
	color:#ff6666;
}
a{
	text-decoration:none;
	color:#ff4444;
}
code{
	color:#37c8ff;
	background-color:#141414;
}
/* Content Elements */
figure img{
	width:48%;
	max-width:500px;
}
h2{
	text-align:left;
}
/* Clearfix */
section::after, div::after{
	content:"";
	clear:both;
	display:table;
}
/* Classes */
.wideimg img{
	width:100%;
	text-align:center;
	max-width:700px;
}
.leftimg img{
	float:left;
	width:100%;
	max-width:400px;
	margin:0;
	margin-right:1em;
}
.rightimg img{
	float:right;
	width:100%;
	max-width:400px;
	margin:0;
	margin-left:1em;
}
.compareimg img{
	width:auto;
	height:300px;
}
/* Mobile fix */
@media only screen and (max-width:992px){
	main{
		width:95%;
	}
	figure img{
		width:100%;
	}
	.leftimg img, .rightimg img{
		float:none;
		max-width:500px;
		margin:0;
	}
}
/* 1776 will commence again */
@media only screen and (max-width:1800px){
	.compareimg img{
		height:auto;
		width:100%;
		max-width:500px;
	}
}