/*  Sections  */
.design-section { clear: both; padding: 0; margin: 0; }

/*  Columns  */
.design-col {	display: block; float: left; margin: 0 0 0 1%; }
.design-col:first-child { margin-left: 0; }

/*  Groups  */
.design-group:before,
.design-group:after { content: ""; display: table; }
.design-group:after { clear: both; }
.design-group { zoom: 1; /* For IE 6/7 */ }

/*  Grid  */
.design-col1 { width: 7.416%; }
.design-col2 { width: 15.83%; }
.design-col3 { width: 24.25%; }
.design-col4 { width: 32.66%; } 
.design-col5 { width: 41.08%; }
.design-col6 { width: 49.5%; }
.design-col7 {	width: 57.91%; }
.design-col8 { width: 66.33%; }
.design-col9 { width: 74.75%; }
.design-col10 { width: 83.16% }
.design-col11 { width: 91.58%; }
.design-col12 { width: 100%; }

@media only screen and (max-width: 480px) {
	
	.design-col { margin: 1% 0 1% 0%; }
  .design-col1,
  .design-col2,
  .design-col3,
  .design-col4,
  .design-col5,
  .design-col6,
  .design-col7,
  .design-col8,
  .design-col9,
  .design-col10,
  .design-col11,
  .design-col12 { width: 100%; }
  
}