gistfile1.css

html, body, div {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	margin: 0;
	padding: 0;
	content: "";
	display: block;
	height: 0;
	width: 0;
	clear: both;
}

.row {
	padding: 0 10px;
}

.row .row {
	padding-right: 0;
	padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12 {
	padding: 0 10px;
	min-height: 1px;
	float: left;
}

.col-1 {
	width: calc(100% / 12 - 20px);
}

.col-2 {
	width: calc(100% / 12 * 2 - 20px);
}

.col-3 {
	width: calc(100% / 12 * 3 - 20px);
}
.col-4 {
	width: calc(100% / 12 * 4 - 20px);
}

.col-5 {
	width: calc(100% / 12 * 5 - 20px);
}

.col-6 {
	width: calc(100% / 12 * 6 - 20px);
}

.col-7 {
	width: calc(100% / 12 * 7 - 20px);
}

.col-8 {
	width: calc(100% / 12 * 8 - 20px);
}

.col-9 {
	width: calc(100% / 12 * 9 - 20px);
}

.col-10 {
	width: calc(100% / 12 * 10 - 20px);
}

.col-11 {
	width: calc(100% / 12 * 11 - 20px);
}

.col-12 {
	width: calc(100% - 20px);
}

.offset-left-3 {
	margin-left: calc(100% / 12 * 3);
}

.offset-right-3 {
	margin-right: calc(100% / 12 * 3);
}