.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.col {
	display: block;
	float:left;
background: #ddd;
height:345px;
}
.col h3{padding:20px;font-size:24px;}
.col li {padding:10px 20px;}
.col:first-child { margin-left: 0; }
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1;
}
.span_1_of_2 {
	width: 49.2%;
}
@media (max-width: 480px) {
	.span_1_of_2 {width: 100%;}
.col li {padding:0;}
.col h3 {padding:0 10px;}
.col {height:initial;}
}
@media (max-width: 800px) {
.col li {padding:0;}
.col h3 {padding:0 10px;}
.col {height:initial;}
}