/*  SECTIONS  */
.section {
	clear: both;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.col:first-child { margin-left: 0; }

.front .pane-content{
margin:8px;
}


/*  COLUMN SETUP  */
.row2_col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.row2_col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
                                               
					

/*  GRID OF FOUR  */

.span_1_of_4 {
	width: 23.8%;
}

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

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


/*  3 COLUMN GRID */
@media only screen and (max-width: 800px) {
	.span_1_of_4 {
		width: 32.2%;
	}
	.col, .row2_col  { 
		margin: 1% 1% 1% 0%;
	}
}


/*  2 COLUMN GRID */
@media only screen and (max-width: 600px) {
	.span_1_of_4 {
		width: 48.4%;
	}
			.col, .row2_col { 
		margin: 1% 1% 1% 0%;
	}
}


/*  1 COLUMN GRID - MOBILE */
@media only screen and (max-width: 480px) {
	.span_1_of_4 {
		width: 100%;
		}

}