grid-system.css

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { margin: 0 auto; }
.col { display: block; float:left; width: 100%; }
.col:first-child { margin-left: 0; }
.col.col-centered { margin-left: auto; margin-right: auto; text-align: center; float: none;}
.row:after, .col:after, .clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.row { margin-bottom: 1.5em; }

@media ( min-width : 768px ) {
	.container { width:100%; max-width:1000px; }
	.col { margin-left: 2%; }
	.span1 { width: 6.5%; }
	.span2 { width: 15.0%; }
	.span3 { width: 23.5%; }
	.span4 { width: 32.0%; }
	.span5 { width: 40.5%; }
	.span6 { width: 49.0%; }
	.span7 { width: 57.5%; }
	.span8 { width: 66.0%; }
	.span9 { width: 74.5%; }
	.span10 { width: 83.0%; }
	.span11 { width: 91.5%; }
	.span12 { width: 100%; }
	.offset1 { margin-left: 10.5%; }
	.offset2 { margin-left: 19.0%; }
	.offset3 { margin-left: 27.5%; }
	.offset4 { margin-left: 36.0%; }
	.offset5 { margin-left: 44.5%; }
	.offset6 { margin-left: 53.0%; }
	.offset7 { margin-left: 61.5%; }
	.offset8 { margin-left: 70.0%; }
	.offset9 { margin-left: 78.5%; }
	.offset10 { margin-left: 87.0%; }
	.offset1.col:first-child { margin-left: 8.5%; }
	.offset2.col:first-child { margin-left: 17.0%; }
	.offset3.col:first-child { margin-left: 25.5%; }
	.offset4.col:first-child { margin-left: 34.0%; }
	.offset5.col:first-child { margin-left: 42.5%; }
	.offset6.col:first-child { margin-left: 51.0%; }
	.offset7.col:first-child { margin-left: 59.5%; }
	.offset8.col:first-child { margin-left: 68.0%; }
	.offset9.col:first-child { margin-left: 76.5%; }
	.offset10.col:first-child { margin-left: 85.0%; }
	.offset11.col:first-child { margin-left: 93.5%; }
}