grid.css

/*=============================================
  Grid
  http://css-tricks.com/dont-overthink-it-grids/
=============================================*/
 
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
 
.grid {
	clear: both;
	padding: 0px;
	margin: 0px;
	zoom:1; /* For IE 6/7 */
}

.grid:before,
.grid:after {
	content: "";
	display: table;
}

.grid:after {
	clear: both;
}
 
[class*='col-'] {
	float: left;
	/*padding-right: 20px;*/
	margin: 1% 0 1% 1.4%;
}

.row {
	clear: both;
}

.row [class*='col-']:first-child {
	margin-left: 0;
}

.grid [class*='col-']:last-of-type {
	padding-right: 0;
}

/* column x 100 / number of columns */

.col-1-12 {
	/*width: 8.33%;*/
	width: 7.05%;
}

.col-2-12,
.col-1-6 {
	/*width: 16.66%;*/
	width: 15.5%;
}

.col-3-12,
.col-1-4 {
	/*width: 25%;*/
	width: 23.95%;
}

.col-4-12,
.col-1-3 {
	/*width: 33.33%;*/
	width: 32.4%;
}

.col-5-12 {
	/*width: 41.66%;*/
	width: 40.85%;
}

.col-6-12,
.col-1-2 {
	/*width: 50%;*/
	width: 49.3%;
}

.col-7-12 {
	/*width: 58.33%;*/
	width: 57.75%;
}

.col-8-12,
.col-2-3 {
	/*width: 66.66%;*/
	width: 66.2%;
}

.col-9-12,
.col-3-4 {
	/*width: 75%;*/
	width: 74.65%;
}

.col-10-12,
.col-5-6 {
	/*width: 83.33%;*/
	width: 83.1%;
}

.col-11-12 {
	/*width: 91.66%;*/
	width: 91.55%;
}

.col-12-12,
.col-1 {
	width: 100%;
}

.module {
	padding: 20px;
	background: #BCC5D0;
}
 
/* Opt-in outside padding */
.grid-pad {
	padding: 20px 0 20px 20px;
}
.grid-pad [class*='col-']:last-of-type {
	padding-right: 20px;
}

.row .offset-1-12 {
	margin-left: 8.4%;
}
.row .offset-1-12:first-child {
	margin-left: 7.05%;
}

.row .offset-2-12 {
	margin-left: 16.66%;
}
.row .offset-2-12:first-child {
	margin-left: 15.5%;
}

.row .offset-3-12,
.row .offset-3-12:first-child {
	margin-left: 23.95%;
}

.row .offset-4-12,
.row .offset-4-12:first-child {
	margin-left: 32.4%;
}

.row .offset-5-12,
.row .offset-5-12:first-child {
	margin-left: 40.85%;
}

.row .offset-6-12,
.row .offset-6-12:first-child {
	margin-left: 49.3%;
}

.row .offset-7-12,
.row .offset-7-12:first-child {
	margin-left: 57.75%;
}

.row .offset-8-12,
.row .offset-8-12:first-child {
	margin-left: 66.2%;
}

.row .offset-9-12,
.row .offset-9-12:first-child {
	margin-left: 74.65%;
}

.row .offset-10-12,
.row .offset-10-12:first-child {
	margin-left: 83.1%;
}

.row .offset-11-12,
.row .offset-11-12:first-child {
	margin-left: 91.55%;
}