* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row, div.clear { padding-bottom: 24px; } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col {
  position: relative;
  display: block;
  float: left;
  width: 100%; 
}

@media (min-width: 690px) {
    .col {
      margin-right: 2%;
	   
     } 
	 
}

/* RESET MARGINS */
.col.col_last { margin-right: 0; } 
.col:last-child { margin-right: 0; } 


/* COLUMN WIDTH ON DISPLAYS +690px */
@media (min-width: 690px) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
}

@media (max-width: 800px) {
	.span_8 { width: 100%; }
	}
	
	
@media screen and (max-width: 768px){
	
	.col {
      margin-right: 2%;
	  float:left;  
     } 
	 
	 .col.col_last{
		 float:left;
		 width:50%;}
		
	}