.span_2_of_2 {
  width: 100%; }

.span_1_of_2 {
  width: 48.5%; }

.span_3_of_3 {
  width: 100%; }

.span_2_of_3 {
  width: 65.66%; }

.span_1_of_3 {
  width: 31.33%; }

.span_4_of_4 {
  width: 100%; }

.span_3_of_4 {
  width: 74.25%; }

.span_2_of_4 {
  width: 48.5%; }

.span_1_of_4 {
  width: 22.75%; }

.span_5_of_5 {
  width: 100%; }

.span_4_of_5 {
  width: 79.4%; }

.span_3_of_5 {
  width: 58.8%; }

.span_2_of_5 {
  width: 38.2%; }

.span_1_of_5 {
  width: 17.6%; }

.span_6_of_6 {
  width: 100%; }

.span_5_of_6 {
  width: 82.83%; }

.span_4_of_6 {
  width: 65.66%; }

.span_3_of_6 {
  width: 48.5%; }

.span_2_of_6 {
  width: 31.33%; }

.span_1_of_6 {
  width: 14.16%; }

.span_7_of_7 {
  width: 100%; }

.span_6_of_7 {
  width: 85.28%; }

.span_5_of_7 {
  width: 70.57%; }

.span_4_of_7 {
  width: 55.85%; }

.span_3_of_7 {
  width: 41.14%; }

.span_2_of_7 {
  width: 26.42%; }

.span_1_of_7 {
  width: 11.71%; }

.span_8_of_8 {
  width: 100%; }

.span_7_of_8 {
  width: 87.12%; }

.span_6_of_8 {
  width: 74.25%; }

.span_5_of_8 {
  width: 61.37%; }

.span_4_of_8 {
  width: 48.5%; }

.span_3_of_8 {
  width: 35.62%; }

.span_2_of_8 {
  width: 22.75%; }

.span_1_of_8 {
  width: 9.87%; }

.span_9_of_9 {
  width: 100%; }

.span_8_of_9 {
  width: 88.55%; }

.span_7_of_9 {
  width: 77.11%; }

.span_6_of_9 {
  width: 65.66%; }

.span_5_of_9 {
  width: 54.22%; }

.span_4_of_9 {
  width: 42.77%; }

.span_3_of_9 {
  width: 31.33%; }

.span_2_of_9 {
  width: 19.88%; }

.span_1_of_9 {
  width: 8.44%; }

.span_10_of_10 {
  width: 100%; }

.span_9_of_10 {
  width: 89.7%; }

.span_8_of_10 {
  width: 79.4%; }

.span_7_of_10 {
  width: 69.09%; }

.span_6_of_10 {
  width: 58.8%; }

.span_5_of_10 {
  width: 48.5%; }

.span_4_of_10 {
  width: 38.2%; }

.span_3_of_10 {
  width: 27.9%; }

.span_2_of_10 {
  width: 17.6%; }

.span_1_of_10 {
  width: 7.3%; }

.span_11_of_11 {
  width: 100%; }

.span_10_of_11 {
  width: 90.63%; }

.span_9_of_11 {
  width: 81.27%; }

.span_8_of_11 {
  width: 71.9%; }

.span_7_of_11 {
  width: 62.54%; }

.span_6_of_11 {
  width: 53.18%; }

.span_5_of_11 {
  width: 43.81%; }

.span_4_of_11 {
  width: 34.45%; }

.span_3_of_11 {
  width: 25.09%; }

.span_2_of_11 {
  width: 15.72%; }

.span_1_of_11 {
  width: 6.36%; }

.span_12_of_12 {
  width: 100%; }

.span_11_of_12 {
  width: 91.41%; }

.span_10_of_12 {
  width: 82.83%; }

.span_9_of_12 {
  width: 74.25%; }

.span_8_of_12 {
  width: 65.66%; }

.span_7_of_12 {
  width: 57.08%; }

.span_6_of_12 {
  width: 48.5%; }

.span_5_of_12 {
  width: 39.91%; }

.span_4_of_12 {
  width: 31.33%; }

.span_3_of_12 {
  width: 22.75%; }

.span_2_of_12 {
  width: 14.16%; }

.span_1_of_12 {
  width: 5.58%; }

@media only screen and (max-width: 480px) {
  .span_3_of_3 {
    width: 100%; }
  .span_2_of_3 {
    width: 100%; }
  .span_1_of_3 {
    width: 100%; } }

/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px; }

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

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin: 0% 0 12% 3%; }

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

/* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 10.5% 0%; } }