/*  SECTIONS  */
.group {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

.module {
	display: block;
	float:left;
	margin: 0;
	position: relative;
}
.module:first-child { margin-left: 0; }                                      
					
/*  GRID OF TWELVE  */
.of_12 {
	width: 100%;
}

.of_11 {
  	width: 91.66%;
}
.of_10 {
  	width: 83.33%;
}

.of_9 {
  	width: 75%;
}

.of_8 {
  	width: 66.66%;
}

.of_7 {
  	width: 58.33%;
}

.of_6 {
  	width: 50%;
}

.of_5 {
  	width: 41.66%;
}

.of_4 {
  	width: 33.33%;
}

.of_3 {
  	width: 25%;
}

.of_2 {
  	width: 16.66%;
}

.of_1 {
  	width: 8.333%;
}

@media only screen and (max-width: 650px) {
	.module { 
		margin:0;
	}
}

@media only screen and (max-width: 650px) {
	.of_12 {
		width: 100%; 
	}
	.of_11 {
		width: 100%; 
	}
	.of_10 {
		width: 100%; 
	}
	.of_9 {
		width: 100%; 
	}
	.of_8 {
		width: 100%; 
	}
	.of_7 {
		width: 100%; 
	}
	.of_6 {
		width: 100%; 
	}
	.of_5 {
		width: 100%; 
	}
	.of_4 {
		width: 100%; 
	}
	.of_3 {
		width: 100%; 
	}
	.of_2 {
		width: 100%; 
	}
	.of_1 {
		width: 100%;
	}
}