/*  GRID OF ONE   ================================================= */
.col {
	display: block;
	float:left;
	margin: 1%;
}

/*.col:first-child { 
	margin-left: 0; 
}*/

/*  GRID OF TWO   ================================================= */
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	/* 49.2 */
	width: 47%;
}

/*  GRID OF THREE  ================================================ */
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

/*  GRID OF FOUR   ================================================ */
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	/* 23.8 */
	width: 22%; 
}