.wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1164px;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-row {
	position: relative;
	clear: both;
	padding-bottom: 20px;
	width: 100%;
}

.grid-col {
	position: relative;
	float: left;
	margin: 0 1.0309278350515463%;
	min-height: 10px;
	height: auto;
}

.grid12 {
	max-width: 97.9381443298969%;
	width: 100%;
}

.grid11 {
	max-width: 89.60481099656357%;
	width: 100%;
}

.grid10 {
	max-width: 81.27147766323024%;
	width: 100%;
}

.grid9 {
	max-width: 72.9381443298969%;
	width: 100%;
}

.grid8 {
	max-width: 64.60481099656357%;
	width: 100%;
}

.grid7 {
	max-width: 56.27147766323024%;
	width: 100%;
}

.grid6 {
	max-width: 47.93814432989691%;
	width: 100%;
}

.grid5 {
	max-width: 39.60481099656357%;
	width: 100%;
}

.grid4 {
	max-width: 31.27147766323024%;
	width: 100%;
}

.grid3 {
	max-width: 22.938144329896907%;
	width: 100%;
}

.grid2 {
	max-width: 14.604810996563575%;
	width: 100%;
}

.grid1 {
	max-width: 6.2714776632302405%;
	width: 100%;
}

@media screen and (max-width: 768px) {

	.wrapper {
		margin: 0;
		max-width: 768px;
		width: 100%;
	}

	.grid-row {
		padding: 0;
	}

	.grid12,
	.grid11,
	.grid10,
	.grid9,
	.grid8,
	.grid7,
	.grid6,
	.grid5,
	.grid4,
	.grid3,
	.grid2,
	.grid1 {
		margin: 0 1% 20px;
		max-width: 768px;
		width: 98%;
	}
}