/*  FULL SCREEN   ============================================================================= */

.body {
	font-size: .6em/1.3;
}
.siteContainer {
	width: 86.2%;
	max-width: 940px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.header {
	clear: both;
	float: center;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 1% 0 15% 7%;
}
.headerImage{
	width: 45%;
}
.span_3_of_3 {
	width: 100%; 
}
.span_2_of_3 {
	width: 66.13%; 
}
.span_1_of_3 {
	width: 32.26%; 
}
.span_1_of_3:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}
.thing {
	margin: 10% 15% 2% 15%;
}
.footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding: 5% 0 10% 0;
}
/*  GO TWO COLUMN AT LESS THAN 768 PIXELS  ============================================================================= */
@media only screen and (max-width: 769px) {
	.body {
		font-size: .7em/1;
	}
	.headerImage{
		width: 60%;
	}
	.siteContainer {
		width: 88.2%;
		padding-left: 2.9%;
		padding-right: 2.9%;
		margin: auto;
	}
	.span_1_of_3 {
		width: 48%; 
	}
	.span_1_of_3:nth-child(3n+1) {
		clear: none;
		margin-left: 1.7%;
	}
	.span_1_of_3:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS  ============================================================================= */
@media only screen and (max-width: 480px) {
	.siteContainer {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		padding-left: 0%;
		padding-right: 0%;
	}
	.header {
		clear: both;
		float: left;
		margin-left: 0;
		margin-bottom:10%;
		width: 100%;
		display: block;
		padding-bottom: 10%;
	}
	.headerImage{
		width: 85%;
	}
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.thing {
		text-align: center;
		margin-left: auto;
   		margin-right: auto;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.thing {
		margin: 0% 4% 15% 4%;
	}

}