/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.33%;
}
.span_1_of_3 {
	width: 30.66%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 820px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	
	h1 { 
	color: #000;
	margin-bottom : 0.2em;
	font-size : 4.4em; /* 96 / 16 */
	line-height : 1.4;
	}

}