/* Grid */

.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
	padding: 20px;
}
.container.narrow {
	max-width: 1200px;
}
.quartercol, .halfcol, .onethirdcol, .twothirdcol {
	position: relative;
	float: left;
	display: inline-block;
}
.quartercol {
	width: 25%;
}
.halfcol {
	width: 50%;
}
.onethirdcol {
	width: 33.3%;
}
.twothirdcol {
	width: 66.7%;
}

@media only screen and (max-width: 1250px) {
.quartercol { width: 50%; padding: 10px 50px; }
}

@media only screen and (max-width: 1060px) {
.halfcol 	{ width: 100%; }
}

@media only screen and (max-width: 920px) {
.quartercol { width: 50%; padding: 10px; }
.onethirdcol, .twothirdcol 	{ width: 100%; }
}

@media only screen and (max-width: 670px) {
.halfcol 	{ width: 100%; }
}

@media only screen and (max-width: 400px) {
.container { padding: 10px; }
.quartercol { width: 50%; padding: 5px; }
}