html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:"Helvetica", "Helvetica Neue", "Arial",sans-serif;
	line-height:1.8em;
	font-weight:100;
	text-rendering:optimizeSpeed;
}

body {
	font-size:1.1em;
	color:#223;
}

header, 
main, 
footer, 
section,
img,
.banner div > section:first-of-type,
.banner div > section:nth-of-type(2){
	width:100%;
	float:left;
}

.container {
	width:92%;
	margin:0 4%;
}

section {
	padding:30px 0;
}

section:nth-of-type(even) {
	background:#ececec;
}

.banner section:last-of-type {
	padding:0;
}

.banner {
	background-color:#750000;
	float:left;
	color:#f1f1f1;
}

.banner div > section:nth-of-type(2){
	display:none;
}

.banner div > section:first-of-type{
	padding-right:2%;
}

h1 {
	font-size:200%;
	line-height:130%;
	margin-bottom:12px;
}

h2 {
	line-height:130%;
	margin-bottom:12px;
}

a, a:visited {
	color:blue;
}

a:hover {
	color:purple;
}

img {
	width:100%;
}

.logo img {
	max-width:160px;
}

@media screen and (min-width:1100px){
	
	.container {
		width:72%;
		margin:0 14%;
	}

	.banner div > section:first-of-type,
	.banner div > section:nth-of-type(2){
		width:49%;
	}
	
	.banner div > section:nth-of-type(2){
		display:block;
	}
	
}