/* Section */
.section {
  clear: both;
  margin: 0px;
  padding: 0px;
}
/* Column */
.col {
  display: block;
  float:left;

  margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0 !important; }

/* Row */
.row:before,
.row:after { content:""; display:table; }
.row:after { clear:both;}
.row { zoom:1; /* For IE 6/7 */ }

/* Grid */
.grid_1_of_4{ width: 23.8% }
.grid_2_of_4{ width: 49.2% }
.grid_3_of_4{ width: 74.6% }
.grid_4_of_4{ width: 100% }

/* Grid */
.grid_1_of_3{ width: 32.267% }
.grid_2_of_3{ width: 66.133% }
.grid_3_of_3{ width: 100% }

/* COMP 6*/
.comp_1_of_6{ width: 15.833% }
.comp_2_of_6{ width: 32.667% }
.comp_3_of_6{ width: 49.5% }
.comp_4_of_6{ width: 66.333% }
.comp_5_of_6{ width: 83.167% }
.comp_6_of_6{ width: 100% }

/* comp */
.comp_1_of_7{ width: 12.914% }
.comp_2_of_7{ width: 27.429% }
.comp_3_of_7{ width: 41.943% }
.comp_4_of_7{ width: 56.457% }
.comp_5_of_7{ width: 70.971% }
.comp_6_of_7{ width: 85.486% }
.comp_7_of_7{ width: 100% }

[class*='comp_']{margin: 4px;}

/* Full Width below 1180 pixels */
@media only screen and (max-width: 1151px) {
  .col {  margin: 1% 0 1% 0%; }
  [class*='grid_'] { width: 100%; }
}