/* 
xs 0 - 399
sm 400 - 699
md 700 - 939
lg 940 - 1099
xl 1100 < 
*/


/*  COLUMN SETUP  */
div[class^="span_"] {
	display: block;
	float:left;
	
	/*margin-left:10px;*/
	margin-bottom:10px;
	
}
/*.col:first-child { margin-left: 0px; }*/



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




/* BootStrap hidden styles */

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl, .visible-xs-block,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline-block {
  display: none !important;
}

@media (max-width: 399px) {
	
	.hidden-xs {
		display: none !important;
	}
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 400px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 700px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 940px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }

  .visible-lg-block {
    display: block !important;
  }

  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1100px) {
  .hidden-xl {
    display: none !important;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }

  .visible-xl-block {
    display: block !important;
  }

  .visible-xl-inline-block {
    display: inline-block !important;
  }
}







/*  GRID OF TWELVE   */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: calc(((100%/12)*11) - 10px); }
.span_10_of_12 { width: calc(((100%/12)*10) - 10px); }
.span_9_of_12 { width: calc(((100%/12)*9) - 10px); }
.span_8_of_12 { width: calc(((100%/12)*8) - 10px); }
.span_7_of_12 { width: calc(((100%/12)*7) - 10px); }
.span_6_of_12 { width: calc(((100%/12)*6) - 10px); }
.span_5_of_12 { width: calc(((100%/12)*5) - 10px); }
.span_4_of_12 { width: calc(((100%/12)*4) - 10px); }
.span_3_of_12 { width: calc(((100%/12)*3) - 10px); }
.span_2_of_12 { width: calc(((100%/12)*2) - 10px); }
.span_1_of_12 { width: calc((100%/12) - 10px); }
.span_11_of_12:first-child { width: calc(((100%/12)*11)); }
.span_10_of_12:first-child { width: calc(((100%/12)*10)); }
.span_9_of_12:first-child { width: calc(((100%/12)*9)); }
.span_8_of_12:first-child { width: calc(((100%/12)*8)); }
.span_7_of_12:first-child { width: calc(((100%/12)*7)); }
.span_6_of_12:first-child { width: calc(((100%/12)*6)); }
.span_5_of_12:first-child { width: calc(((100%/12)*5)); }
.span_4_of_12:first-child { width: calc(((100%/12)*4)); }
.span_3_of_12:first-child { width: calc(((100%/12)*3)); }
.span_2_of_12:first-child { width: calc(((100%/12)*2)); }
.span_1_of_12:first-child { width: calc((100%/12)); }

/*  GRID OF ELEVEN   */
.span_11_of_11 { width: 100%; }
.span_10_of_11 { width: calc(((100%/11)*10) - 10px); }
.span_9_of_11 { width: calc(((100%/11)*9) - 10px); }
.span_8_of_11 { width: calc(((100%/11)*8) - 10px); }
.span_7_of_11 { width: calc(((100%/11)*7) - 10px); }
.span_6_of_11 { width: calc(((100%/11)*6) - 10px); }
.span_5_of_11 { width: calc(((100%/11)*5) - 10px); }
.span_4_of_11 { width: calc(((100%/11)*4) - 10px); }
.span_3_of_11 { width: calc(((100%/11)*3) - 10px); }
.span_2_of_11 { width: calc(((100%/11)*2) - 10px); }
.span_1_of_11 { width: calc((100%/11) - 10px); }
.span_10_of_11:first-child { width: calc(((100%/11)*10)); }
.span_9_of_11:first-child { width: calc(((100%/11)*9)); }
.span_8_of_11:first-child { width: calc(((100%/11)*8)); }
.span_7_of_11:first-child { width: calc(((100%/11)*7)); }
.span_6_of_11:first-child { width: calc(((100%/11)*6)); }
.span_5_of_11:first-child { width: calc(((100%/11)*5)); }
.span_4_of_11:first-child { width: calc(((100%/11)*4)); }
.span_3_of_11:first-child { width: calc(((100%/11)*3)); }
.span_2_of_11:first-child { width: calc(((100%/11)*2)); }
.span_1_of_11:first-child { width: calc((100%/11)); }


/*  GRID OF TEN   */
.span_10_of_10 { width: 100%; }
.span_9_of_10 { width: calc(((100%/10)*9) - 10px); }
.span_8_of_10 { width: calc(((100%/10)*8) - 10px); }
.span_7_of_10 { width: calc(((100%/10)*7) - 10px); }
.span_6_of_10 { width: calc(((100%/10)*6) - 10px); }
.span_5_of_10 { width: calc(((100%/10)*5) - 10px); }
.span_4_of_10 { width: calc(((100%/10)*4) - 10px); }
.span_3_of_10 { width: calc(((100%/10)*3) - 10px); }
.span_2_of_10 { width: calc(((100%/10)*2) - 10px); }
.span_1_of_10 { width: calc((100%/10) - 10px); }
.span_9_of_10:first-child { width: calc(((100%/10)*9)); }
.span_8_of_10:first-child { width: calc(((100%/10)*8)); }
.span_7_of_10:first-child { width: calc(((100%/10)*7)); }
.span_6_of_10:first-child { width: calc(((100%/10)*6)); }
.span_5_of_10:first-child { width: calc(((100%/10)*5)); }
.span_4_of_10:first-child { width: calc(((100%/10)*4)); }
.span_3_of_10:first-child { width: calc(((100%/10)*3)); }
.span_2_of_10:first-child { width: calc(((100%/10)*2)); }
.span_1_of_10:first-child { width: calc((100%/10)); }


/*  GRID OF NINE   */
.span_9_of_9 { width: 100%; }
.span_8_of_9 { width: calc(((100%/9)*8) - 10px); }
.span_7_of_9 { width: calc(((100%/9)*7) - 10px); }
.span_6_of_9 { width: calc(((100%/9)*6) - 10px); }
.span_5_of_9 { width: calc(((100%/9)*5) - 10px); }
.span_4_of_9 { width: calc(((100%/9)*4) - 10px); }
.span_3_of_9 { width: calc(((100%/9)*3) - 10px); }
.span_2_of_9 { width: calc(((100%/9)*2) - 10px); }
.span_1_of_9 { width: calc((100%/9) - 10px); }
.span_8_of_9:first-child { width: calc(((100%/9)*8)); }
.span_7_of_9:first-child { width: calc(((100%/9)*7)); }
.span_6_of_9:first-child { width: calc(((100%/9)*6)); }
.span_5_of_9:first-child { width: calc(((100%/9)*5)); }
.span_4_of_9:first-child { width: calc(((100%/9)*4)); }
.span_3_of_9:first-child { width: calc(((100%/9)*3)); }
.span_2_of_9:first-child { width: calc(((100%/9)*2)); }
.span_1_of_9:first-child { width: calc((100%/9)); }


/*  GRID OF EIGHT   */
.span_8_of_8 { width: 100%; }
.span_7_of_8 { width: calc(((100%/8)*7) - 10px); }
.span_6_of_8 { width: calc(((100%/8)*6) - 10px); }
.span_5_of_8 { width: calc(((100%/8)*5) - 10px); }
.span_4_of_8 { width: calc(((100%/8)*4) - 10px); }
.span_3_of_8 { width: calc(((100%/8)*3) - 10px); }
.span_2_of_8 { width: calc(((100%/8)*2) - 10px); }
.span_1_of_8 { width: calc((100%/8) - 10px); }
.span_7_of_8:first-child { width: calc(((100%/8)*7)); }
.span_6_of_8:first-child { width: calc(((100%/8)*6)); }
.span_5_of_8:first-child { width: calc(((100%/8)*5)); }
.span_4_of_8:first-child { width: calc(((100%/8)*4)); }
.span_3_of_8:first-child { width: calc(((100%/8)*3)); }
.span_2_of_8:first-child { width: calc(((100%/8)*2)); }
.span_1_of_8:first-child { width: calc((100%/8)); }

/*  GRID OF SEVEN   */
.span_7_of_7 { width: 100%; }
.span_6_of_7 { width: calc(((100%/7)*6) - 10px); }
.span_5_of_7 { width: calc(((100%/7)*5) - 10px); }
.span_4_of_7 { width: calc(((100%/7)*4) - 10px); }
.span_3_of_7 { width: calc(((100%/7)*3) - 10px); }
.span_2_of_7 { width: calc(((100%/7)*2) - 10px); }
.span_1_of_7 { width: calc((100%/7) - 10px); }
.span_6_of_7:first-child { width: calc(((100%/7)*6)); }
.span_5_of_7:first-child { width: calc(((100%/7)*5)); }
.span_4_of_7:first-child { width: calc(((100%/7)*4)); }
.span_3_of_7:first-child { width: calc(((100%/7)*3)); }
.span_2_of_7:first-child { width: calc(((100%/7)*2)); }
.span_1_of_7:first-child { width: calc((100%/7)); }

/*  GRID OF SIX   */
.span_5_of_6 { width: 100%; }
.span_5_of_6 { width: calc(((100%/6)*5) - 10px); }
.span_4_of_6 { width: calc(((100%/6)*4) - 10px); }
.span_3_of_6 { width: calc(((100%/6)*3) - 10px); }
.span_2_of_6 { width: calc(((100%/6)*2) - 10px); }
.span_1_of_6 { width: calc((100%/6) - 10px); }
.span_5_of_6:first-child { width: calc(((100%/6)*5)); }
.span_4_of_6:first-child { width: calc(((100%/6)*4)); }
.span_3_of_6:first-child { width: calc(((100%/6)*3)); }
.span_2_of_6:first-child { width: calc(((100%/6)*2)); }
.span_1_of_6:first-child { width: calc((100%/6)); }


/*  GRID OF FIVE   */
.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: calc(((100%/5)*4) - 10px); }
.span_3_of_5 { width: calc(((100%/5)*3) - 10px); }
.span_2_of_5 { width: calc(((100%/5)*2) - 10px); }
.span_1_of_5 { width: calc((100%/5) - 10px); }
.span_4_of_5:first-child { width: calc(((100%/5)*4)); }
.span_3_of_5:first-child { width: calc(((100%/5)*3)); }
.span_2_of_5:first-child { width: calc(((100%/5)*2)); }
.span_1_of_5:first-child { width: calc((100%/5)); }


/*  GRID OF FOUR  */
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: calc(((100%/4)*3) - 10px); }
.span_2_of_4 { width: calc(((100%/4)*2) - 10px); }
.span_1_of_4 { width: calc((100%/4) - 10px); }
.span_3_of_4:first-child { width: calc(((100%/4)*3)); }
.span_2_of_4:first-child { width: calc(((100%/4)*2)); }
.span_1_of_4:first-child { width: calc((100%/4)); }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: calc(((100%/3)*2) - 10px); }
.span_1_of_3 { width: calc((100%/3) - 10px); }
.span_2_of_3:first-child { width: calc(((100%/3)*2)); }
.span_1_of_3:first-child { width: calc((100%/3)); }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: calc((100%/2) - 10px); }
.span_1_of_2:first-child { width: calc((100%/2)); }

/*  GRID OF ONE  */
.span_1_of_1 { width: 100%; }


@media (max-width: 399px) { /* xs <400 */
	
	/*  GRID OF TWELVE   */
	.span_xs_12_of_12 { width: 100%; }
	.span_xs_11_of_12 { width: calc(((100%/12)*11) - 10px); }
	.span_xs_10_of_12 { width: calc(((100%/12)*10) - 10px); }
	.span_xs_9_of_12 { width: calc(((100%/12)*9) - 10px); }
	.span_xs_8_of_12 { width: calc(((100%/12)*8) - 10px); }
	.span_xs_7_of_12 { width: calc(((100%/12)*7) - 10px); }
	.span_xs_6_of_12 { width: calc(((100%/12)*6) - 10px); }
	.span_xs_5_of_12 { width: calc(((100%/12)*5) - 10px); }
	.span_xs_4_of_12 { width: calc(((100%/12)*4) - 10px); }
	.span_xs_3_of_12 { width: calc(((100%/12)*3) - 10px); }
	.span_xs_2_of_12 { width: calc(((100%/12)*2) - 10px); }
	.span_xs_1_of_12 { width: calc((100%/12) - 10px); }
	.span_xs_11_of_12:first-child { width: calc(((100%/12)*11)); }
	.span_xs_10_of_12:first-child { width: calc(((100%/12)*10)); }
	.span_xs_9_of_12:first-child { width: calc(((100%/12)*9)); }
	.span_xs_8_of_12:first-child { width: calc(((100%/12)*8)); }
	.span_xs_7_of_12:first-child { width: calc(((100%/12)*7)); }
	.span_xs_6_of_12:first-child,  .span_xs_6_of_12:nth-of-type(2n+1), .span_xs_6_of_12:nth-of-type(2n) { font-style:italic;width: calc(((100%/12)*6) - 5px); }
	.span_xs_6_of_12:nth-of-type(2n) {transform: translate(10px);color:red;}
	.span_xs_5_of_12:first-child { width: calc(((100%/12)*5)); }
	.span_xs_4_of_12:first-child { width: calc(((100%/12)*4)); }
	.span_xs_3_of_12:first-child { width: calc(((100%/12)*3)); }
	.span_xs_2_of_12:first-child { width: calc(((100%/12)*2)); }
	.span_xs_1_of_12:first-child { width: calc((100%/12)); }
	
	/*  GRID OF ELEVEN   */
	.span_xs_11_of_11 { width: 100%; }
	.span_xs_10_of_11 { width: calc(((100%/11)*10) - 10px); }
	.span_xs_9_of_11 { width: calc(((100%/11)*9) - 10px); }
	.span_xs_8_of_11 { width: calc(((100%/11)*8) - 10px); }
	.span_xs_7_of_11 { width: calc(((100%/11)*7) - 10px); }
	.span_xs_6_of_11 { width: calc(((100%/11)*6) - 10px); }
	.span_xs_5_of_11 { width: calc(((100%/11)*5) - 10px); }
	.span_xs_4_of_11 { width: calc(((100%/11)*4) - 10px); }
	.span_xs_3_of_11 { width: calc(((100%/11)*3) - 10px); }
	.span_xs_2_of_11 { width: calc(((100%/11)*2) - 10px); }
	.span_xs_1_of_11 { width: calc((100%/11) - 10px); }
	.span_xs_10_of_11:first-child { width: calc(((100%/11)*10)); }
	.span_xs_9_of_11:first-child { width: calc(((100%/11)*9)); }
	.span_xs_8_of_11:first-child { width: calc(((100%/11)*8)); }
	.span_xs_7_of_11:first-child { width: calc(((100%/11)*7)); }
	.span_xs_6_of_11:first-child { width: calc(((100%/11)*6)); }
	.span_xs_5_of_11:first-child { width: calc(((100%/11)*5)); }
	.span_xs_4_of_11:first-child { width: calc(((100%/11)*4)); }
	.span_xs_3_of_11:first-child { width: calc(((100%/11)*3)); }
	.span_xs_2_of_11:first-child { width: calc(((100%/11)*2)); }
	.span_xs_1_of_11:first-child { width: calc((100%/11)); }
	
	
	/*  GRID OF TEN   */
	.span_xs_10_of_10 { width: 100%; }
	.span_xs_9_of_10 { width: calc(((100%/10)*9) - 10px); }
	.span_xs_8_of_10 { width: calc(((100%/10)*8) - 10px); }
	.span_xs_7_of_10 { width: calc(((100%/10)*7) - 10px); }
	.span_xs_6_of_10 { width: calc(((100%/10)*6) - 10px); }
	.span_xs_5_of_10 { width: calc(((100%/10)*5) - 10px); }
	.span_xs_4_of_10 { width: calc(((100%/10)*4) - 10px); }
	.span_xs_3_of_10 { width: calc(((100%/10)*3) - 10px); }
	.span_xs_2_of_10 { width: calc(((100%/10)*2) - 10px); }
	.span_xs_1_of_10 { width: calc((100%/10) - 10px); }
	.span_xs_9_of_10:first-child { width: calc(((100%/10)*9)); }
	.span_xs_8_of_10:first-child { width: calc(((100%/10)*8)); }
	.span_xs_7_of_10:first-child { width: calc(((100%/10)*7)); }
	.span_xs_6_of_10:first-child { width: calc(((100%/10)*6)); }
	.span_xs_5_of_10:first-child { width: calc(((100%/10)*5)); }
	.span_xs_4_of_10:first-child { width: calc(((100%/10)*4)); }
	.span_xs_3_of_10:first-child { width: calc(((100%/10)*3)); }
	.span_xs_2_of_10:first-child { width: calc(((100%/10)*2)); }
	.span_xs_1_of_10:first-child { width: calc((100%/10)); }
	
	
	/*  GRID OF NINE   */
	.span_xs_9_of_9 { width: 100%; }
	.span_xs_8_of_9 { width: calc(((100%/9)*8) - 10px); }
	.span_xs_7_of_9 { width: calc(((100%/9)*7) - 10px); }
	.span_xs_6_of_9 { width: calc(((100%/9)*6) - 10px); }
	.span_xs_5_of_9 { width: calc(((100%/9)*5) - 10px); }
	.span_xs_4_of_9 { width: calc(((100%/9)*4) - 10px); }
	.span_xs_3_of_9 { width: calc(((100%/9)*3) - 10px); }
	.span_xs_2_of_9 { width: calc(((100%/9)*2) - 10px); }
	.span_xs_1_of_9 { width: calc((100%/9) - 10px); }
	.span_xs_8_of_9:first-child { width: calc(((100%/9)*8)); }
	.span_xs_7_of_9:first-child { width: calc(((100%/9)*7)); }
	.span_xs_6_of_9:first-child { width: calc(((100%/9)*6)); }
	.span_xs_5_of_9:first-child { width: calc(((100%/9)*5)); }
	.span_xs_4_of_9:first-child { width: calc(((100%/9)*4)); }
	.span_xs_3_of_9:first-child { width: calc(((100%/9)*3)); }
	.span_xs_2_of_9:first-child { width: calc(((100%/9)*2)); }
	.span_xs_1_of_9:first-child { width: calc((100%/9)); }
	
	
	/*  GRID OF EIGHT   */
	.span_xs_8_of_8 { width: 100%; }
	.span_xs_7_of_8 { width: calc(((100%/8)*7) - 10px); }
	.span_xs_6_of_8 { width: calc(((100%/8)*6) - 10px); }
	.span_xs_5_of_8 { width: calc(((100%/8)*5) - 10px); }
	.span_xs_4_of_8 { width: calc(((100%/8)*4) - 10px); }
	.span_xs_3_of_8 { width: calc(((100%/8)*3) - 10px); }
	.span_xs_2_of_8 { width: calc(((100%/8)*2) - 10px); }
	.span_xs_1_of_8 { width: calc((100%/8) - 10px); }
	.span_xs_7_of_8:first-child { width: calc(((100%/8)*7)); }
	.span_xs_6_of_8:first-child { width: calc(((100%/8)*6)); }
	.span_xs_5_of_8:first-child { width: calc(((100%/8)*5)); }
	.span_xs_4_of_8:first-child { width: calc(((100%/8)*4)); }
	.span_xs_3_of_8:first-child { width: calc(((100%/8)*3)); }
	.span_xs_2_of_8:first-child { width: calc(((100%/8)*2)); }
	.span_xs_1_of_8:first-child { width: calc((100%/8)); }
	
	/*  GRID OF SEVEN   */
	.span_xs_7_of_7 { width: 100%; }
	.span_xs_6_of_7 { width: calc(((100%/7)*6) - 10px); }
	.span_xs_5_of_7 { width: calc(((100%/7)*5) - 10px); }
	.span_xs_4_of_7 { width: calc(((100%/7)*4) - 10px); }
	.span_xs_3_of_7 { width: calc(((100%/7)*3) - 10px); }
	.span_xs_2_of_7 { width: calc(((100%/7)*2) - 10px); }
	.span_xs_1_of_7 { width: calc((100%/7) - 10px); }
	.span_xs_6_of_7:first-child { width: calc(((100%/7)*6)); }
	.span_xs_5_of_7:first-child { width: calc(((100%/7)*5)); }
	.span_xs_4_of_7:first-child { width: calc(((100%/7)*4)); }
	.span_xs_3_of_7:first-child { width: calc(((100%/7)*3)); }
	.span_xs_2_of_7:first-child { width: calc(((100%/7)*2)); }
	.span_xs_1_of_7:first-child { width: calc((100%/7)); }
	
	/*  GRID OF SIX   */
	.span_xs_5_of_6 { width: 100%; }
	.span_xs_5_of_6 { width: calc(((100%/6)*5) - 10px); }
	.span_xs_4_of_6 { width: calc(((100%/6)*4) - 10px); }
	.span_xs_3_of_6 { width: calc(((100%/6)*3) - 10px); }
	.span_xs_2_of_6 { width: calc(((100%/6)*2) - 10px); }
	.span_xs_1_of_6 { width: calc((100%/6) - 10px); }
	.span_xs_5_of_6:first-child { width: calc(((100%/6)*5)); }
	.span_xs_4_of_6:first-child { width: calc(((100%/6)*4)); }
	.span_xs_3_of_6:first-child { width: calc(((100%/6)*3)); }
	.span_xs_2_of_6:first-child { width: calc(((100%/6)*2)); }
	.span_xs_1_of_6:first-child { width: calc((100%/6)); }
	
	
	/*  GRID OF FIVE   */
	.span_xs_5_of_5 { width: 100%; }
	.span_xs_4_of_5 { width: calc(((100%/5)*4) - 10px); }
	.span_xs_3_of_5 { width: calc(((100%/5)*3) - 10px); }
	.span_xs_2_of_5 { width: calc(((100%/5)*2) - 10px); }
	.span_xs_1_of_5 { width: calc((100%/5) - 10px); }
	.span_xs_4_of_5:first-child { width: calc(((100%/5)*4)); }
	.span_xs_3_of_5:first-child { width: calc(((100%/5)*3)); }
	.span_xs_2_of_5:first-child { width: calc(((100%/5)*2)); }
	.span_xs_1_of_5:first-child { width: calc((100%/5)); }
	
	
	/*  GRID OF FOUR  */
	.span_xs_4_of_4 { width: 100%; }
	.span_xs_3_of_4 { width: calc(((100%/4)*3) - 10px); }
	.span_xs_2_of_4 { width: calc(((100%/4)*2) - 10px); }
	.span_xs_1_of_4 { width: calc((100%/4) - 10px); }
	.span_xs_3_of_4:first-child { width: calc(((100%/4)*3)); }
	.span_xs_2_of_4:first-child { width: calc(((100%/4)*2)); }
	.span_xs_1_of_4:first-child { width: calc((100%/4)); }
	
	/*  GRID OF THREE  */
	.span_xs_3_of_3 { width: 100%; }
	.span_xs_2_of_3 { width: calc(((100%/3)*2) - 10px); }
	.span_xs_1_of_3 { width: calc((100%/3) - 10px); }
	.span_xs_2_of_3:first-child { width: calc(((100%/3)*2)); }
	.span_xs_1_of_3:first-child { width: calc((100%/3)); }
	
	/*  GRID OF TWO  */
	.span_xs_2_of_2 { width: 100%; }
	.span_xs_1_of_2 { width: calc((100%/2) - 10px); }
	.span_xs_1_of_2:first-child { width: calc((100%/2)); }
	
	/*  GRID OF ONE  */
	.span_xs_1_of_1 { width: 100%; }
	

}
@media (min-width: 400px) { /* sm 400-700 */
	
	/*  GRID OF TWELVE   */
	.span_sm_12_of_12 { width: 100%; }
	.span_sm_11_of_12 { width: calc(((100%/12)*11) - 10px); }
	.span_sm_10_of_12 { width: calc(((100%/12)*10) - 10px); }
	.span_sm_9_of_12 { width: calc(((100%/12)*9) - 10px); }
	.span_sm_8_of_12 { width: calc(((100%/12)*8) - 10px); }
	.span_sm_7_of_12 { width: calc(((100%/12)*7) - 10px); }
	.span_sm_6_of_12 { width: calc(((100%/12)*6) - 10px); }
	.span_sm_5_of_12 { width: calc(((100%/12)*5) - 10px); }
	.span_sm_4_of_12 { width: calc(((100%/12)*4) - 10px); }
	.span_sm_3_of_12 { width: calc(((100%/12)*3) - 10px); }
	.span_sm_2_of_12 { width: calc(((100%/12)*2) - 10px); }
	.span_sm_1_of_12 { width: calc((100%/12) - 10px); }
	.span_sm_11_of_12:first-child { width: calc(((100%/12)*11)); }
	.span_sm_10_of_12:first-child { width: calc(((100%/12)*10)); }
	.span_sm_9_of_12:first-child { width: calc(((100%/12)*9)); }
	.span_sm_8_of_12:first-child { width: calc(((100%/12)*8)); }
	.span_sm_7_of_12:first-child { width: calc(((100%/12)*7)); }
	.span_sm_6_of_12:first-child { width: calc(((100%/12)*6)); }
	.span_sm_5_of_12:first-child { width: calc(((100%/12)*5)); }
	.span_sm_4_of_12:first-child { width: calc(((100%/12)*4)); }
	.span_sm_3_of_12:first-child { width: calc(((100%/12)*3)); }
	.span_sm_2_of_12:first-child { width: calc(((100%/12)*2)); }
	.span_sm_1_of_12:first-child { width: calc((100%/12)); }
	
	/*  GRID OF ELEVEN   */
	.span_sm_11_of_11 { width: 100%; }
	.span_sm_10_of_11 { width: calc(((100%/11)*10) - 10px); }
	.span_sm_9_of_11 { width: calc(((100%/11)*9) - 10px); }
	.span_sm_8_of_11 { width: calc(((100%/11)*8) - 10px); }
	.span_sm_7_of_11 { width: calc(((100%/11)*7) - 10px); }
	.span_sm_6_of_11 { width: calc(((100%/11)*6) - 10px); }
	.span_sm_5_of_11 { width: calc(((100%/11)*5) - 10px); }
	.span_sm_4_of_11 { width: calc(((100%/11)*4) - 10px); }
	.span_sm_3_of_11 { width: calc(((100%/11)*3) - 10px); }
	.span_sm_2_of_11 { width: calc(((100%/11)*2) - 10px); }
	.span_sm_1_of_11 { width: calc((100%/11) - 10px); }
	.span_sm_10_of_11:first-child { width: calc(((100%/11)*10)); }
	.span_sm_9_of_11:first-child { width: calc(((100%/11)*9)); }
	.span_sm_8_of_11:first-child { width: calc(((100%/11)*8)); }
	.span_sm_7_of_11:first-child { width: calc(((100%/11)*7)); }
	.span_sm_6_of_11:first-child { width: calc(((100%/11)*6)); }
	.span_sm_5_of_11:first-child { width: calc(((100%/11)*5)); }
	.span_sm_4_of_11:first-child { width: calc(((100%/11)*4)); }
	.span_sm_3_of_11:first-child { width: calc(((100%/11)*3)); }
	.span_sm_2_of_11:first-child { width: calc(((100%/11)*2)); }
	.span_sm_1_of_11:first-child { width: calc((100%/11)); }
	
	
	/*  GRID OF TEN   */
	.span_sm_10_of_10 { width: 100%; }
	.span_sm_9_of_10 { width: calc(((100%/10)*9) - 10px); }
	.span_sm_8_of_10 { width: calc(((100%/10)*8) - 10px); }
	.span_sm_7_of_10 { width: calc(((100%/10)*7) - 10px); }
	.span_sm_6_of_10 { width: calc(((100%/10)*6) - 10px); }
	.span_sm_5_of_10 { width: calc(((100%/10)*5) - 10px); }
	.span_sm_4_of_10 { width: calc(((100%/10)*4) - 10px); }
	.span_sm_3_of_10 { width: calc(((100%/10)*3) - 10px); }
	.span_sm_2_of_10 { width: calc(((100%/10)*2) - 10px); }
	.span_sm_1_of_10 { width: calc((100%/10) - 10px); }
	.span_sm_9_of_10:first-child { width: calc(((100%/10)*9)); }
	.span_sm_8_of_10:first-child { width: calc(((100%/10)*8)); }
	.span_sm_7_of_10:first-child { width: calc(((100%/10)*7)); }
	.span_sm_6_of_10:first-child { width: calc(((100%/10)*6)); }
	.span_sm_5_of_10:first-child { width: calc(((100%/10)*5)); }
	.span_sm_4_of_10:first-child { width: calc(((100%/10)*4)); }
	.span_sm_3_of_10:first-child { width: calc(((100%/10)*3)); }
	.span_sm_2_of_10:first-child { width: calc(((100%/10)*2)); }
	.span_sm_1_of_10:first-child { width: calc((100%/10)); }
	
	
	/*  GRID OF NINE   */
	.span_sm_9_of_9 { width: 100%; }
	.span_sm_8_of_9 { width: calc(((100%/9)*8) - 10px); }
	.span_sm_7_of_9 { width: calc(((100%/9)*7) - 10px); }
	.span_sm_6_of_9 { width: calc(((100%/9)*6) - 10px); }
	.span_sm_5_of_9 { width: calc(((100%/9)*5) - 10px); }
	.span_sm_4_of_9 { width: calc(((100%/9)*4) - 10px); }
	.span_sm_3_of_9 { width: calc(((100%/9)*3) - 10px); }
	.span_sm_2_of_9 { width: calc(((100%/9)*2) - 10px); }
	.span_sm_1_of_9 { width: calc((100%/9) - 10px); }
	.span_sm_8_of_9:first-child { width: calc(((100%/9)*8)); }
	.span_sm_7_of_9:first-child { width: calc(((100%/9)*7)); }
	.span_sm_6_of_9:first-child { width: calc(((100%/9)*6)); }
	.span_sm_5_of_9:first-child { width: calc(((100%/9)*5)); }
	.span_sm_4_of_9:first-child { width: calc(((100%/9)*4)); }
	.span_sm_3_of_9:first-child { width: calc(((100%/9)*3)); }
	.span_sm_2_of_9:first-child { width: calc(((100%/9)*2)); }
	.span_sm_1_of_9:first-child { width: calc((100%/9)); }
	
	
	/*  GRID OF EIGHT   */
	.span_sm_8_of_8 { width: 100%; }
	.span_sm_7_of_8 { width: calc(((100%/8)*7) - 10px); }
	.span_sm_6_of_8 { width: calc(((100%/8)*6) - 10px); }
	.span_sm_5_of_8 { width: calc(((100%/8)*5) - 10px); }
	.span_sm_4_of_8 { width: calc(((100%/8)*4) - 10px); }
	.span_sm_3_of_8 { width: calc(((100%/8)*3) - 10px); }
	.span_sm_2_of_8 { width: calc(((100%/8)*2) - 10px); }
	.span_sm_1_of_8 { width: calc((100%/8) - 10px); }
	.span_sm_7_of_8:first-child { width: calc(((100%/8)*7)); }
	.span_sm_6_of_8:first-child { width: calc(((100%/8)*6)); }
	.span_sm_5_of_8:first-child { width: calc(((100%/8)*5)); }
	.span_sm_4_of_8:first-child { width: calc(((100%/8)*4)); }
	.span_sm_3_of_8:first-child { width: calc(((100%/8)*3)); }
	.span_sm_2_of_8:first-child { width: calc(((100%/8)*2)); }
	.span_sm_1_of_8:first-child { width: calc((100%/8)); }
	
	/*  GRID OF SEVEN   */
	.span_sm_7_of_7 { width: 100%; }
	.span_sm_6_of_7 { width: calc(((100%/7)*6) - 10px); }
	.span_sm_5_of_7 { width: calc(((100%/7)*5) - 10px); }
	.span_sm_4_of_7 { width: calc(((100%/7)*4) - 10px); }
	.span_sm_3_of_7 { width: calc(((100%/7)*3) - 10px); }
	.span_sm_2_of_7 { width: calc(((100%/7)*2) - 10px); }
	.span_sm_1_of_7 { width: calc((100%/7) - 10px); }
	.span_sm_6_of_7:first-child { width: calc(((100%/7)*6)); }
	.span_sm_5_of_7:first-child { width: calc(((100%/7)*5)); }
	.span_sm_4_of_7:first-child { width: calc(((100%/7)*4)); }
	.span_sm_3_of_7:first-child { width: calc(((100%/7)*3)); }
	.span_sm_2_of_7:first-child { width: calc(((100%/7)*2)); }
	.span_sm_1_of_7:first-child { width: calc((100%/7)); }
	
	/*  GRID OF SIX   */
	.span_sm_5_of_6 { width: 100%; }
	.span_sm_5_of_6 { width: calc(((100%/6)*5) - 10px); }
	.span_sm_4_of_6 { width: calc(((100%/6)*4) - 10px); }
	.span_sm_3_of_6 { width: calc(((100%/6)*3) - 10px); }
	.span_sm_2_of_6 { width: calc(((100%/6)*2) - 10px); }
	.span_sm_1_of_6 { width: calc((100%/6) - 10px); }
	.span_sm_5_of_6:first-child { width: calc(((100%/6)*5)); }
	.span_sm_4_of_6:first-child { width: calc(((100%/6)*4)); }
	.span_sm_3_of_6:first-child { width: calc(((100%/6)*3)); }
	.span_sm_2_of_6:first-child { width: calc(((100%/6)*2)); }
	.span_sm_1_of_6:first-child { width: calc((100%/6)); }
	
	
	/*  GRID OF FIVE   */
	.span_sm_5_of_5 { width: 100%; }
	.span_sm_4_of_5 { width: calc(((100%/5)*4) - 10px); }
	.span_sm_3_of_5 { width: calc(((100%/5)*3) - 10px); }
	.span_sm_2_of_5 { width: calc(((100%/5)*2) - 10px); }
	.span_sm_1_of_5 { width: calc((100%/5) - 10px); }
	.span_sm_4_of_5:first-child { width: calc(((100%/5)*4)); }
	.span_sm_3_of_5:first-child { width: calc(((100%/5)*3)); }
	.span_sm_2_of_5:first-child { width: calc(((100%/5)*2)); }
	.span_sm_1_of_5:first-child { width: calc((100%/5)); }
	
	
	/*  GRID OF FOUR  */
	.span_sm_4_of_4 { width: 100%; }
	.span_sm_3_of_4 { width: calc(((100%/4)*3) - 10px); }
	.span_sm_2_of_4 { width: calc(((100%/4)*2) - 10px); }
	.span_sm_1_of_4 { width: calc((100%/4) - 10px); }
	.span_sm_3_of_4:first-child { width: calc(((100%/4)*3)); }
	.span_sm_2_of_4:first-child { width: calc(((100%/4)*2)); }
	.span_sm_1_of_4:first-child { width: calc((100%/4)); }
	
	/*  GRID OF THREE  */
	.span_sm_3_of_3 { width: 100%; }
	.span_sm_2_of_3 { width: calc(((100%/3)*2) - 10px); }
	.span_sm_1_of_3 { width: calc((100%/3) - 10px); }
	.span_sm_2_of_3:first-child { width: calc(((100%/3)*2)); }
	.span_sm_1_of_3:first-child { width: calc((100%/3)); }
	
	/*  GRID OF TWO  */
	.span_sm_2_of_2 { width: 100%; }
	.span_sm_1_of_2 { width: calc((100%/2) - 10px); }
	.span_sm_1_of_2:first-child { width: calc((100%/2)); }
	
	/*  GRID OF ONE  */
	.span_sm_1_of_1 { width: 100%; }
	

}


:root {
  --padding: 18px;
  --gutter: 1rem;
  --parentWidth: 600px;
  --leftSize: 2/3;
  --rightSize: 1/3;
}



@media (min-width: 700px) { /* md 700 - 939 */

	/*  GRID OF TWELVE   */
	.span_md_12_of_12 { width: 100%; }
	.span_md_11_of_12 { width: calc(((100%/12)*11) - 10px); }
	.span_md_10_of_12 { width: calc(((100%/12)*10) - 10px); }
	.span_md_9_of_12 { width: calc(((100%/12)*9) - 10px); }
	.span_md_8_of_12 { width: calc(((100%/12)*8) - 10px); }
	.span_md_7_of_12 { width: calc(((100%/12)*7) - 10px); }
	.span_md_6_of_12 { width: calc(((100%/12)*6) - 10px); }
	.span_md_5_of_12 { width: calc(((100%/12)*5) - 10px); }
	.span_md_4_of_12 { width: calc(((100%/12)*4) - (20px/(12/4)));margin-left:10px; } /* ALL COLUMNS */
		.span_md_4_of_12:nth-of-type(3n+1) { font-style:italic;  margin-left:0;} /* FIRST COLUMN */
		.span_md_4_of_12:nth-of-type(3n) {color:red;} /* LAST COLUMN */
	.span_md_3_of_12 { width: calc(((100%/12)*3) - 10px); }
	.span_md_2_of_12 { width: calc(((100%/12)*2) - 10px); }
	.span_md_1_of_12 { width: calc((100%/12) - 10px); }
	.span_md_11_of_12:first-child { width: calc(((100%/12)*11)); }
	.span_md_10_of_12:first-child { width: calc(((100%/12)*10)); }
	.span_md_9_of_12:first-child { width: calc(((100%/12)*9)); }
	.span_md_8_of_12:first-child { width: calc(((100%/12)*8)); }
	.span_md_7_of_12:first-child { width: calc(((100%/12)*7)); }
	.span_md_6_of_12:first-child { width: calc(((100%/12)*6)); }
	.span_md_5_of_12:first-child { width: calc(((100%/12)*5)); }

	.span_md_3_of_12:first-child { width: calc(((100%/12)*3)); }
	.span_md_2_of_12:first-child { width: calc(((100%/12)*2)); }
	.span_md_1_of_12:first-child { width: calc((100%/12)); }
	
	
	
	
	
	/*  GRID OF ELEVEN   */
	.span_md_11_of_11 { width: 100%; }
	.span_md_10_of_11 { width: calc(((100%/11)*10) - 10px); }
	.span_md_9_of_11 { width: calc(((100%/11)*9) - 10px); }
	.span_md_8_of_11 { width: calc(((100%/11)*8) - 10px); }
	.span_md_7_of_11 { width: calc(((100%/11)*7) - 10px); }
	.span_md_6_of_11 { width: calc(((100%/11)*6) - 10px); }
	.span_md_5_of_11 { width: calc(((100%/11)*5) - 10px); }
	.span_md_4_of_11 { width: calc(((100%/11)*4) - 10px); }
	.span_md_3_of_11 { width: calc(((100%/11)*3) - 10px); }
	.span_md_2_of_11 { width: calc(((100%/11)*2) - 10px); }
	.span_md_1_of_11 { width: calc((100%/11) - 10px); }
	.span_md_10_of_11:first-child { width: calc(((100%/11)*10)); }
	.span_md_9_of_11:first-child { width: calc(((100%/11)*9)); }
	.span_md_8_of_11:first-child { width: calc(((100%/11)*8)); }
	.span_md_7_of_11:first-child { width: calc(((100%/11)*7)); }
	.span_md_6_of_11:first-child { width: calc(((100%/11)*6)); }
	.span_md_5_of_11:first-child { width: calc(((100%/11)*5)); }
	.span_md_4_of_11:first-child { width: calc(((100%/11)*4)); }
	.span_md_3_of_11:first-child { width: calc(((100%/11)*3)); }
	.span_md_2_of_11:first-child { width: calc(((100%/11)*2)); }
	.span_md_1_of_11:first-child { width: calc((100%/11)); }
	
	
	/*  GRID OF TEN   */
	.span_md_10_of_10 { width: 100%; }
	.span_md_9_of_10 { width: calc(((100%/10)*9) - 10px); }
	.span_md_8_of_10 { width: calc(((100%/10)*8) - 10px); }
	.span_md_7_of_10 { width: calc(((100%/10)*7) - 10px); }
	.span_md_6_of_10 { width: calc(((100%/10)*6) - 10px); }
	.span_md_5_of_10 { width: calc(((100%/10)*5) - 10px); }
	.span_md_4_of_10 { width: calc(((100%/10)*4) - 10px); }
	.span_md_3_of_10 { width: calc(((100%/10)*3) - 10px); }
	.span_md_2_of_10 { width: calc(((100%/10)*2) - 10px); }
	.span_md_1_of_10 { width: calc((100%/10) - 10px); }
	.span_md_9_of_10:first-child { width: calc(((100%/10)*9)); }
	.span_md_8_of_10:first-child { width: calc(((100%/10)*8)); }
	.span_md_7_of_10:first-child { width: calc(((100%/10)*7)); }
	.span_md_6_of_10:first-child { width: calc(((100%/10)*6)); }
	.span_md_5_of_10:first-child { width: calc(((100%/10)*5)); }
	.span_md_4_of_10:first-child { width: calc(((100%/10)*4)); }
	.span_md_3_of_10:first-child { width: calc(((100%/10)*3)); }
	.span_md_2_of_10:first-child { width: calc(((100%/10)*2)); }
	.span_md_1_of_10:first-child { width: calc((100%/10)); }
	
	
	/*  GRID OF NINE   */
	.span_md_9_of_9 { width: 100%; }
	.span_md_8_of_9 { width: calc(((100%/9)*8) - 10px); }
	.span_md_7_of_9 { width: calc(((100%/9)*7) - 10px); }
	.span_md_6_of_9 { width: calc(((100%/9)*6) - 10px); }
	.span_md_5_of_9 { width: calc(((100%/9)*5) - 10px); }
	.span_md_4_of_9 { width: calc(((100%/9)*4) - 10px); }
	.span_md_3_of_9 { width: calc(((100%/9)*3) - 10px); }
	.span_md_2_of_9 { width: calc(((100%/9)*2) - 10px); }
	.span_md_1_of_9 { width: calc((100%/9) - 10px); }
	.span_md_8_of_9:first-child { width: calc(((100%/9)*8)); }
	.span_md_7_of_9:first-child { width: calc(((100%/9)*7)); }
	.span_md_6_of_9:first-child { width: calc(((100%/9)*6)); }
	.span_md_5_of_9:first-child { width: calc(((100%/9)*5)); }
	.span_md_4_of_9:first-child { width: calc(((100%/9)*4)); }
	.span_md_3_of_9:first-child { width: calc(((100%/9)*3)); }
	.span_md_2_of_9:first-child { width: calc(((100%/9)*2)); }
	.span_md_1_of_9:first-child { width: calc((100%/9)); }
	
	
	/*  GRID OF EIGHT   */
	.span_md_8_of_8 { width: 100%; }
	.span_md_7_of_8 { width: calc(((100%/8)*7) - 10px); }
	.span_md_6_of_8 { width: calc(((100%/8)*6) - 10px); }
	.span_md_5_of_8 { width: calc(((100%/8)*5) - 10px); }
	.span_md_4_of_8 { width: calc(((100%/8)*4) - 10px); }
	.span_md_3_of_8 { width: calc(((100%/8)*3) - 10px); }
	.span_md_2_of_8 { width: calc(((100%/8)*2) - 10px); }
	.span_md_1_of_8 { width: calc((100%/8) - 10px); }
	.span_md_7_of_8:first-child { width: calc(((100%/8)*7)); }
	.span_md_6_of_8:first-child { width: calc(((100%/8)*6)); }
	.span_md_5_of_8:first-child { width: calc(((100%/8)*5)); }
	.span_md_4_of_8:first-child { width: calc(((100%/8)*4)); }
	.span_md_3_of_8:first-child { width: calc(((100%/8)*3)); }
	.span_md_2_of_8:first-child { width: calc(((100%/8)*2)); }
	.span_md_1_of_8:first-child { width: calc((100%/8)); }
	
	/*  GRID OF SEVEN   */
	.span_md_7_of_7 { width: 100%; }
	.span_md_6_of_7 { width: calc(((100%/7)*6) - 10px); }
	.span_md_5_of_7 { width: calc(((100%/7)*5) - 10px); }
	.span_md_4_of_7 { width: calc(((100%/7)*4) - 10px); }
	.span_md_3_of_7 { width: calc(((100%/7)*3) - 10px); }
	.span_md_2_of_7 { width: calc(((100%/7)*2) - 10px); }
	.span_md_1_of_7 { width: calc((100%/7) - 10px); }
	.span_md_6_of_7:first-child { width: calc(((100%/7)*6)); }
	.span_md_5_of_7:first-child { width: calc(((100%/7)*5)); }
	.span_md_4_of_7:first-child { width: calc(((100%/7)*4)); }
	.span_md_3_of_7:first-child { width: calc(((100%/7)*3)); }
	.span_md_2_of_7:first-child { width: calc(((100%/7)*2)); }
	.span_md_1_of_7:first-child { width: calc((100%/7)); }
	
	/*  GRID OF SIX   */
	.span_md_5_of_6 { width: 100%; }
	.span_md_5_of_6 { width: calc(((100%/6)*5) - 10px); }
	.span_md_4_of_6 { width: calc(((100%/6)*4) - 10px); }
	.span_md_3_of_6 { width: calc(((100%/6)*3) - 10px); }
	.span_md_2_of_6 { width: calc(((100%/6)*2) - 10px); }
	.span_md_1_of_6 { width: calc((100%/6) - 10px); }
	.span_md_5_of_6:first-child { width: calc(((100%/6)*5)); }
	.span_md_4_of_6:first-child { width: calc(((100%/6)*4)); }
	.span_md_3_of_6:first-child { width: calc(((100%/6)*3)); }
	.span_md_2_of_6:first-child { width: calc(((100%/6)*2)); }
	.span_md_1_of_6:first-child { width: calc((100%/6)); }
	
	
	/*  GRID OF FIVE   */
	.span_md_5_of_5 { width: 100%; }
	.span_md_4_of_5 { width: calc(((100%/5)*4) - 10px); }
	.span_md_3_of_5 { width: calc(((100%/5)*3) - 10px); }
	.span_md_2_of_5 { width: calc(((100%/5)*2) - 10px); }
	.span_md_1_of_5 { width: calc((100%/5) - 10px); }
	.span_md_4_of_5:first-child { width: calc(((100%/5)*4)); }
	.span_md_3_of_5:first-child { width: calc(((100%/5)*3)); }
	.span_md_2_of_5:first-child { width: calc(((100%/5)*2)); }
	.span_md_1_of_5:first-child { width: calc((100%/5)); }
	
	
	/*  GRID OF FOUR  */
	.span_md_4_of_4 { width: 100%; }
	.span_md_3_of_4 { width: calc(((100%/4)*3) - 10px); }
	.span_md_2_of_4 { width: calc(((100%/4)*2) - 10px); }
	.span_md_1_of_4 { width: calc((100%/4) - 10px); }
	.span_md_3_of_4:first-child { width: calc(((100%/4)*3)); }
	.span_md_2_of_4:first-child { width: calc(((100%/4)*2)); }
	.span_md_1_of_4:first-child { width: calc((100%/4)); }
	
	/*  GRID OF THREE  */
	.span_md_3_of_3 { width: 100%; }
	.span_md_2_of_3 { width: calc(((100%/3)*2) - 10px); }
	.span_md_1_of_3 { width: calc((100%/3) - 10px); }
	.span_md_2_of_3:first-child { width: calc(((100%/3)*2)); }
	.span_md_1_of_3:first-child { width: calc((100%/3)); }
	
	/*  GRID OF TWO  */
	.span_md_2_of_2 { width: 100%; }
	.span_md_1_of_2 { width: calc((100%/2) - 10px); }
	.span_md_1_of_2:first-child { width: calc((100%/2)); }
	
	/*  GRID OF ONE  */
	.span_md_1_of_1 { width: 100%; }
	

}
@media (min-width: 940px) { /* lg 940-1099 */
	/*  GRID OF TWELVE   */
	.span_lg_12_of_12 { width: 100%; }
	.span_lg_11_of_12 { width: calc(((100%/12)*11) - 10px); }
	.span_lg_10_of_12 { width: calc(((100%/12)*10) - 10px); }
	.span_lg_9_of_12 { width: calc(((100%/12)*9) - 10px); }
	.span_lg_8_of_12 { width: calc(((100%/12)*8) - 10px); }
	.span_lg_7_of_12 { width: calc(((100%/12)*7) - 10px); }
	.span_lg_6_of_12 { width: calc(((100%/12)*6) - 10px); }
	.span_lg_5_of_12 { width: calc(((100%/12)*5) - 10px); }
	.span_lg_4_of_12 { width: calc(((100%/12)*4) - 10px); }
	.span_lg_3_of_12 { width: calc(((100%/12)*3) - 10px); }
	.span_lg_2_of_12 { width: calc(((100%/12)*2) - 10px); }
	.span_lg_1_of_12 { width: calc((100%/12) - 10px); }
	.span_lg_11_of_12:first-child { width: calc(((100%/12)*11)); }
	.span_lg_10_of_12:first-child { width: calc(((100%/12)*10)); }
	.span_lg_9_of_12:first-child { width: calc(((100%/12)*9)); }
	.span_lg_8_of_12:first-child { width: calc(((100%/12)*8)); }
	.span_lg_7_of_12:first-child { width: calc(((100%/12)*7)); }
	.span_lg_6_of_12:first-child { width: calc(((100%/12)*6)); }
	.span_lg_5_of_12:first-child { width: calc(((100%/12)*5)); }
	.span_lg_4_of_12:first-child { width: calc(((100%/12)*4)); }
	.span_lg_3_of_12:first-child { width: calc(((100%/12)*3)); }
	.span_lg_2_of_12:first-child { width: calc(((100%/12)*2)); }
	.span_lg_1_of_12:first-child { width: calc((100%/12)); }
	
	/*  GRID OF ELEVEN   */
	.span_lg_11_of_11 { width: 100%; }
	.span_lg_10_of_11 { width: calc(((100%/11)*10) - 10px); }
	.span_lg_9_of_11 { width: calc(((100%/11)*9) - 10px); }
	.span_lg_8_of_11 { width: calc(((100%/11)*8) - 10px); }
	.span_lg_7_of_11 { width: calc(((100%/11)*7) - 10px); }
	.span_lg_6_of_11 { width: calc(((100%/11)*6) - 10px); }
	.span_lg_5_of_11 { width: calc(((100%/11)*5) - 10px); }
	.span_lg_4_of_11 { width: calc(((100%/11)*4) - 10px); }
	.span_lg_3_of_11 { width: calc(((100%/11)*3) - 10px); }
	.span_lg_2_of_11 { width: calc(((100%/11)*2) - 10px); }
	.span_lg_1_of_11 { width: calc((100%/11) - 10px); }
	.span_lg_10_of_11:first-child { width: calc(((100%/11)*10)); }
	.span_lg_9_of_11:first-child { width: calc(((100%/11)*9)); }
	.span_lg_8_of_11:first-child { width: calc(((100%/11)*8)); }
	.span_lg_7_of_11:first-child { width: calc(((100%/11)*7)); }
	.span_lg_6_of_11:first-child { width: calc(((100%/11)*6)); }
	.span_lg_5_of_11:first-child { width: calc(((100%/11)*5)); }
	.span_lg_4_of_11:first-child { width: calc(((100%/11)*4)); }
	.span_lg_3_of_11:first-child { width: calc(((100%/11)*3)); }
	.span_lg_2_of_11:first-child { width: calc(((100%/11)*2)); }
	.span_lg_1_of_11:first-child { width: calc((100%/11)); }
	
	
	/*  GRID OF TEN   */
	.span_lg_10_of_10 { width: 100%; }
	.span_lg_9_of_10 { width: calc(((100%/10)*9) - 10px); }
	.span_lg_8_of_10 { width: calc(((100%/10)*8) - 10px); }
	.span_lg_7_of_10 { width: calc(((100%/10)*7) - 10px); }
	.span_lg_6_of_10 { width: calc(((100%/10)*6) - 10px); }
	.span_lg_5_of_10 { width: calc(((100%/10)*5) - 10px); }
	.span_lg_4_of_10 { width: calc(((100%/10)*4) - 10px); }
	.span_lg_3_of_10 { width: calc(((100%/10)*3) - 10px); }
	.span_lg_2_of_10 { width: calc(((100%/10)*2) - 10px); }
	.span_lg_1_of_10 { width: calc((100%/10) - 10px); }
	.span_lg_9_of_10:first-child { width: calc(((100%/10)*9)); }
	.span_lg_8_of_10:first-child { width: calc(((100%/10)*8)); }
	.span_lg_7_of_10:first-child { width: calc(((100%/10)*7)); }
	.span_lg_6_of_10:first-child { width: calc(((100%/10)*6)); }
	.span_lg_5_of_10:first-child { width: calc(((100%/10)*5)); }
	.span_lg_4_of_10:first-child { width: calc(((100%/10)*4)); }
	.span_lg_3_of_10:first-child { width: calc(((100%/10)*3)); }
	.span_lg_2_of_10:first-child { width: calc(((100%/10)*2)); }
	.span_lg_1_of_10:first-child { width: calc((100%/10)); }
	
	
	/*  GRID OF NINE   */
	.span_lg_9_of_9 { width: 100%; }
	.span_lg_8_of_9 { width: calc(((100%/9)*8) - 10px); }
	.span_lg_7_of_9 { width: calc(((100%/9)*7) - 10px); }
	.span_lg_6_of_9 { width: calc(((100%/9)*6) - 10px); }
	.span_lg_5_of_9 { width: calc(((100%/9)*5) - 10px); }
	.span_lg_4_of_9 { width: calc(((100%/9)*4) - 10px); }
	.span_lg_3_of_9 { width: calc(((100%/9)*3) - 10px); }
	.span_lg_2_of_9 { width: calc(((100%/9)*2) - 10px); }
	.span_lg_1_of_9 { width: calc((100%/9) - 10px); }
	.span_lg_8_of_9:first-child { width: calc(((100%/9)*8)); }
	.span_lg_7_of_9:first-child { width: calc(((100%/9)*7)); }
	.span_lg_6_of_9:first-child { width: calc(((100%/9)*6)); }
	.span_lg_5_of_9:first-child { width: calc(((100%/9)*5)); }
	.span_lg_4_of_9:first-child { width: calc(((100%/9)*4)); }
	.span_lg_3_of_9:first-child { width: calc(((100%/9)*3)); }
	.span_lg_2_of_9:first-child { width: calc(((100%/9)*2)); }
	.span_lg_1_of_9:first-child { width: calc((100%/9)); }
	
	
	/*  GRID OF EIGHT   */
	.span_lg_8_of_8 { width: 100%; }
	.span_lg_7_of_8 { width: calc(((100%/8)*7) - 10px); }
	.span_lg_6_of_8 { width: calc(((100%/8)*6) - 10px); }
	.span_lg_5_of_8 { width: calc(((100%/8)*5) - 10px); }
	.span_lg_4_of_8 { width: calc(((100%/8)*4) - 10px); }
	.span_lg_3_of_8 { width: calc(((100%/8)*3) - 10px); }
	.span_lg_2_of_8 { width: calc(((100%/8)*2) - 10px); }
	.span_lg_1_of_8 { width: calc((100%/8) - 10px); }
	.span_lg_7_of_8:first-child { width: calc(((100%/8)*7)); }
	.span_lg_6_of_8:first-child { width: calc(((100%/8)*6)); }
	.span_lg_5_of_8:first-child { width: calc(((100%/8)*5)); }
	.span_lg_4_of_8:first-child { width: calc(((100%/8)*4)); }
	.span_lg_3_of_8:first-child { width: calc(((100%/8)*3)); }
	.span_lg_2_of_8:first-child { width: calc(((100%/8)*2)); }
	.span_lg_1_of_8:first-child { width: calc((100%/8)); }
	
	/*  GRID OF SEVEN   */
	.span_lg_7_of_7 { width: 100%; }
	.span_lg_6_of_7 { width: calc(((100%/7)*6) - 10px); }
	.span_lg_5_of_7 { width: calc(((100%/7)*5) - 10px); }
	.span_lg_4_of_7 { width: calc(((100%/7)*4) - 10px); }
	.span_lg_3_of_7 { width: calc(((100%/7)*3) - 10px); }
	.span_lg_2_of_7 { width: calc(((100%/7)*2) - 10px); }
	.span_lg_1_of_7 { width: calc((100%/7) - 10px); }
	.span_lg_6_of_7:first-child { width: calc(((100%/7)*6)); }
	.span_lg_5_of_7:first-child { width: calc(((100%/7)*5)); }
	.span_lg_4_of_7:first-child { width: calc(((100%/7)*4)); }
	.span_lg_3_of_7:first-child { width: calc(((100%/7)*3)); }
	.span_lg_2_of_7:first-child { width: calc(((100%/7)*2)); }
	.span_lg_1_of_7:first-child { width: calc((100%/7)); }
	
	/*  GRID OF SIX   */
	.span_lg_5_of_6 { width: 100%; }
	.span_lg_5_of_6 { width: calc(((100%/6)*5) - 10px); }
	.span_lg_4_of_6 { width: calc(((100%/6)*4) - 10px); }
	.span_lg_3_of_6 { width: calc(((100%/6)*3) - 10px); }
	.span_lg_2_of_6 { width: calc(((100%/6)*2) - 10px); }
	.span_lg_1_of_6 { width: calc((100%/6) - 10px); }
	.span_lg_5_of_6:first-child { width: calc(((100%/6)*5)); }
	.span_lg_4_of_6:first-child { width: calc(((100%/6)*4)); }
	.span_lg_3_of_6:first-child { width: calc(((100%/6)*3)); }
	.span_lg_2_of_6:first-child { width: calc(((100%/6)*2)); }
	.span_lg_1_of_6:first-child { width: calc((100%/6)); }
	
	
	/*  GRID OF FIVE   */
	.span_lg_5_of_5 { width: 100%; }
	.span_lg_4_of_5 { width: calc(((100%/5)*4) - 10px); }
	.span_lg_3_of_5 { width: calc(((100%/5)*3) - 10px); }
	.span_lg_2_of_5 { width: calc(((100%/5)*2) - 10px); }
	.span_lg_1_of_5 { width: calc((100%/5) - 10px); }
	.span_lg_4_of_5:first-child { width: calc(((100%/5)*4)); }
	.span_lg_3_of_5:first-child { width: calc(((100%/5)*3)); }
	.span_lg_2_of_5:first-child { width: calc(((100%/5)*2)); }
	.span_lg_1_of_5:first-child { width: calc((100%/5)); }
	
	
	/*  GRID OF FOUR  */
	.span_lg_4_of_4 { width: 100%; }
	.span_lg_3_of_4 { width: calc(((100%/4)*3) - 10px); }
	.span_lg_2_of_4 { width: calc(((100%/4)*2) - 10px); }
	.span_lg_1_of_4 { width: calc((100%/4) - 10px); }
	.span_lg_3_of_4:first-child { width: calc(((100%/4)*3)); }
	.span_lg_2_of_4:first-child { width: calc(((100%/4)*2)); }
	.span_lg_1_of_4:first-child { width: calc((100%/4)); }
	
	/*  GRID OF THREE  */
	.span_lg_3_of_3 { width: 100%; }
	.span_lg_2_of_3 { width: calc(((100%/3)*2) - 10px); }
	.span_lg_1_of_3 { width: calc((100%/3) - 10px); }
	.span_lg_2_of_3:first-child { width: calc(((100%/3)*2)); }
	.span_lg_1_of_3:first-child { width: calc((100%/3)); }
	
	/*  GRID OF TWO  */
	.span_lg_2_of_2 { width: 100%; }
	.span_lg_1_of_2 { width: calc((100%/2) - 10px); }
	.span_lg_1_of_2:first-child { width: calc((100%/2)); }
	
	/*  GRID OF ONE  */
	.span_lg_1_of_1 { width: 100%; }
	

}

@media (min-width: 1100px) { /* xl 1100< */
	/*  GRID OF TWELVE   */
	.span_xl_12_of_12 { width: 100%; }
	.span_xl_11_of_12 { width: calc(((100%/12)*11) - 10px); }
	.span_xl_10_of_12 { width: calc(((100%/12)*10) - 10px); }
	.span_xl_9_of_12 { width: calc(((100%/12)*9) - 10px); }
	.span_xl_8_of_12 { width: calc(((100%/12)*8) - 10px); }
	.span_xl_7_of_12 { width: calc(((100%/12)*7) - 10px); }
	.span_xl_6_of_12 { width: calc(((100%/12)*6) - 10px); }
	.span_xl_5_of_12 { width: calc(((100%/12)*5) - 10px); }
	.span_xl_4_of_12 { width: calc(((100%/12)*4) - 10px); }
	.span_xl_3_of_12 { width: calc(((100%/12)*3) - 10px); }
	.span_xl_2_of_12 { width: calc(((100%/12)*2) - 10px); }
	.span_xl_1_of_12 { width: calc((100%/12) - 10px); }
	.span_xl_11_of_12:first-child { width: calc(((100%/12)*11)); }
	.span_xl_10_of_12:first-child { width: calc(((100%/12)*10)); }
	.span_xl_9_of_12:first-child { width: calc(((100%/12)*9)); }
	.span_xl_8_of_12:first-child { width: calc(((100%/12)*8)); }
	.span_xl_7_of_12:first-child { width: calc(((100%/12)*7)); }
	.span_xl_6_of_12:first-child { width: calc(((100%/12)*6)); }
	.span_xl_5_of_12:first-child { width: calc(((100%/12)*5)); }
	.span_xl_4_of_12:first-child { width: calc(((100%/12)*4)); }
	.span_xl_3_of_12:first-child { width: calc(((100%/12)*3)); }
	.span_xl_2_of_12:first-child { width: calc(((100%/12)*2)); }
	.span_xl_1_of_12:first-child { width: calc((100%/12)); }
	
	/*  GRID OF ELEVEN   */
	.span_xl_11_of_11 { width: 100%; }
	.span_xl_10_of_11 { width: calc(((100%/11)*10) - 10px); }
	.span_xl_9_of_11 { width: calc(((100%/11)*9) - 10px); }
	.span_xl_8_of_11 { width: calc(((100%/11)*8) - 10px); }
	.span_xl_7_of_11 { width: calc(((100%/11)*7) - 10px); }
	.span_xl_6_of_11 { width: calc(((100%/11)*6) - 10px); }
	.span_xl_5_of_11 { width: calc(((100%/11)*5) - 10px); }
	.span_xl_4_of_11 { width: calc(((100%/11)*4) - 10px); }
	.span_xl_3_of_11 { width: calc(((100%/11)*3) - 10px); }
	.span_xl_2_of_11 { width: calc(((100%/11)*2) - 10px); }
	.span_xl_1_of_11 { width: calc((100%/11) - 10px); }
	.span_xl_10_of_11:first-child { width: calc(((100%/11)*10)); }
	.span_xl_9_of_11:first-child { width: calc(((100%/11)*9)); }
	.span_xl_8_of_11:first-child { width: calc(((100%/11)*8)); }
	.span_xl_7_of_11:first-child { width: calc(((100%/11)*7)); }
	.span_xl_6_of_11:first-child { width: calc(((100%/11)*6)); }
	.span_xl_5_of_11:first-child { width: calc(((100%/11)*5)); }
	.span_xl_4_of_11:first-child { width: calc(((100%/11)*4)); }
	.span_xl_3_of_11:first-child { width: calc(((100%/11)*3)); }
	.span_xl_2_of_11:first-child { width: calc(((100%/11)*2)); }
	.span_xl_1_of_11:first-child { width: calc((100%/11)); }
	
	
	/*  GRID OF TEN   */
	.span_xl_10_of_10 { width: 100%; }
	.span_xl_9_of_10 { width: calc(((100%/10)*9) - 10px); }
	.span_xl_8_of_10 { width: calc(((100%/10)*8) - 10px); }
	.span_xl_7_of_10 { width: calc(((100%/10)*7) - 10px); }
	.span_xl_6_of_10 { width: calc(((100%/10)*6) - 10px); }
	.span_xl_5_of_10 { width: calc(((100%/10)*5) - 10px); }
	.span_xl_4_of_10 { width: calc(((100%/10)*4) - 10px); }
	.span_xl_3_of_10 { width: calc(((100%/10)*3) - 10px); }
	.span_xl_2_of_10 { width: calc(((100%/10)*2) - 10px); }
	.span_xl_1_of_10 { width: calc((100%/10) - 10px); }
	.span_xl_9_of_10:first-child { width: calc(((100%/10)*9)); }
	.span_xl_8_of_10:first-child { width: calc(((100%/10)*8)); }
	.span_xl_7_of_10:first-child { width: calc(((100%/10)*7)); }
	.span_xl_6_of_10:first-child { width: calc(((100%/10)*6)); }
	.span_xl_5_of_10:first-child { width: calc(((100%/10)*5)); }
	.span_xl_4_of_10:first-child { width: calc(((100%/10)*4)); }
	.span_xl_3_of_10:first-child { width: calc(((100%/10)*3)); }
	.span_xl_2_of_10:first-child { width: calc(((100%/10)*2)); }
	.span_xl_1_of_10:first-child { width: calc((100%/10)); }
	
	
	/*  GRID OF NINE   */
	.span_xl_9_of_9 { width: 100%; }
	.span_xl_8_of_9 { width: calc(((100%/9)*8) - 10px); }
	.span_xl_7_of_9 { width: calc(((100%/9)*7) - 10px); }
	.span_xl_6_of_9 { width: calc(((100%/9)*6) - 10px); }
	.span_xl_5_of_9 { width: calc(((100%/9)*5) - 10px); }
	.span_xl_4_of_9 { width: calc(((100%/9)*4) - 10px); }
	.span_xl_3_of_9 { width: calc(((100%/9)*3) - 10px); }
	.span_xl_2_of_9 { width: calc(((100%/9)*2) - 10px); }
	.span_xl_1_of_9 { width: calc((100%/9) - 10px); }
	.span_xl_8_of_9:first-child { width: calc(((100%/9)*8)); }
	.span_xl_7_of_9:first-child { width: calc(((100%/9)*7)); }
	.span_xl_6_of_9:first-child { width: calc(((100%/9)*6)); }
	.span_xl_5_of_9:first-child { width: calc(((100%/9)*5)); }
	.span_xl_4_of_9:first-child { width: calc(((100%/9)*4)); }
	.span_xl_3_of_9:first-child { width: calc(((100%/9)*3)); }
	.span_xl_2_of_9:first-child { width: calc(((100%/9)*2)); }
	.span_xl_1_of_9:first-child { width: calc((100%/9)); }
	
	
	/*  GRID OF EIGHT   */
	.span_xl_8_of_8 { width: 100%; }
	.span_xl_7_of_8 { width: calc(((100%/8)*7) - 10px); }
	.span_xl_6_of_8 { width: calc(((100%/8)*6) - 10px); }
	.span_xl_5_of_8 { width: calc(((100%/8)*5) - 10px); }
	.span_xl_4_of_8 { width: calc(((100%/8)*4) - 10px); }
	.span_xl_3_of_8 { width: calc(((100%/8)*3) - 10px); }
	.span_xl_2_of_8 { width: calc(((100%/8)*2) - 10px); }
	.span_xl_1_of_8 { width: calc((100%/8) - 10px); }
	.span_xl_7_of_8:first-child { width: calc(((100%/8)*7)); }
	.span_xl_6_of_8:first-child { width: calc(((100%/8)*6)); }
	.span_xl_5_of_8:first-child { width: calc(((100%/8)*5)); }
	.span_xl_4_of_8:first-child { width: calc(((100%/8)*4)); }
	.span_xl_3_of_8:first-child { width: calc(((100%/8)*3)); }
	.span_xl_2_of_8:first-child { width: calc(((100%/8)*2)); }
	.span_xl_1_of_8:first-child { width: calc((100%/8)); }
	
	/*  GRID OF SEVEN   */
	.span_xl_7_of_7 { width: 100%; }
	.span_xl_6_of_7 { width: calc(((100%/7)*6) - 10px); }
	.span_xl_5_of_7 { width: calc(((100%/7)*5) - 10px); }
	.span_xl_4_of_7 { width: calc(((100%/7)*4) - 10px); }
	.span_xl_3_of_7 { width: calc(((100%/7)*3) - 10px); }
	.span_xl_2_of_7 { width: calc(((100%/7)*2) - 10px); }
	.span_xl_1_of_7 { width: calc((100%/7) - 10px); }
	.span_xl_6_of_7:first-child { width: calc(((100%/7)*6)); }
	.span_xl_5_of_7:first-child { width: calc(((100%/7)*5)); }
	.span_xl_4_of_7:first-child { width: calc(((100%/7)*4)); }
	.span_xl_3_of_7:first-child { width: calc(((100%/7)*3)); }
	.span_xl_2_of_7:first-child { width: calc(((100%/7)*2)); }
	.span_xl_1_of_7:first-child { width: calc((100%/7)); }
	
	/*  GRID OF SIX   */
	.span_xl_5_of_6 { width: 100%; }
	.span_xl_5_of_6 { width: calc(((100%/6)*5) - 10px); }
	.span_xl_4_of_6 { width: calc(((100%/6)*4) - 10px); }
	.span_xl_3_of_6 { width: calc(((100%/6)*3) - 10px); }
	.span_xl_2_of_6 { width: calc(((100%/6)*2) - 10px); }
	.span_xl_1_of_6 { width: calc((100%/6) - 10px); }
	.span_xl_5_of_6:first-child { width: calc(((100%/6)*5)); }
	.span_xl_4_of_6:first-child { width: calc(((100%/6)*4)); }
	.span_xl_3_of_6:first-child { width: calc(((100%/6)*3)); }
	.span_xl_2_of_6:first-child { width: calc(((100%/6)*2)); }
	.span_xl_1_of_6:first-child { width: calc((100%/6)); }
	
	
	/*  GRID OF FIVE   */
	.span_xl_5_of_5 { width: 100%; }
	.span_xl_4_of_5 { width: calc(((100%/5)*4) - 10px); }
	.span_xl_3_of_5 { width: calc(((100%/5)*3) - 10px); }
	.span_xl_2_of_5 { width: calc(((100%/5)*2) - 10px); }
	.span_xl_1_of_5 { width: calc((100%/5) - 10px); }
	.span_xl_4_of_5:first-child { width: calc(((100%/5)*4)); }
	.span_xl_3_of_5:first-child { width: calc(((100%/5)*3)); }
	.span_xl_2_of_5:first-child { width: calc(((100%/5)*2)); }
	.span_xl_1_of_5:first-child { width: calc((100%/5)); }
	
	
	/*  GRID OF FOUR  */
	.span_xl_4_of_4 { width: 100%; }
	.span_xl_3_of_4 { width: calc(((100%/4)*3) - 10px); }
	.span_xl_2_of_4 { width: calc(((100%/4)*2) - 10px); }
	.span_xl_1_of_4 { width: calc((100%/4) - 10px); }
	.span_xl_3_of_4:first-child { width: calc(((100%/4)*3)); }
	.span_xl_2_of_4:first-child { width: calc(((100%/4)*2)); }
	.span_xl_1_of_4:first-child { width: calc((100%/4)); }
	
	/*  GRID OF THREE  */
	.span_xl_3_of_3 { width: 100%; }
	.span_xl_2_of_3 { width: calc(((100%/3)*2) - 10px); }
	.span_xl_1_of_3 { width: calc((100%/3) - 10px); }
	.span_xl_2_of_3:first-child { width: calc(((100%/3)*2)); }
	.span_xl_1_of_3:first-child { width: calc((100%/3)); }
	
	/*  GRID OF TWO  */
	.span_xl_2_of_2 { width: 100%; }
	.span_xl_1_of_2 { width: calc((100%/2) - 10px); }
	.span_xl_1_of_2:first-child { width: calc((100%/2)); }
	
	/*  GRID OF ONE  */
	.span_xl_1_of_1 { width: 100%; }
	

}
/*  GO FULL WIDTH BELOW 480 PIXELS */
/*
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}
*/