/* Grid */

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 90%;
}
.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 20px;
}
.quartercol, .halfcol, .onethirdcol, .twothirdcol, .pagecol, .sidecol {
	position: relative;
	float: left;
	display: inline-block;
}
.quartercol {
	width: 25%;
}
.halfcol {
	width: 50%;
}
.onethirdcol {
	width: 33.3%;
}
.twothirdcol {
	width: 66.7%;
}
.pagecol {
	width: 65%;
}
.pagecol.mid {
	width: 70%;
}
.pagecol.wide {
	width: 75%;
}
.sidecol {
	width: 35%;
}
.sidecol.mid {
	width: 30%;
}
.sidecol.narrow {
	width: 25%;
}
.row {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
}
@media only screen and (max-width: 1200px) {
.pagecol 		{ width: 60%; }
.sidecol 		{ width: 40%; }
.pagecol.wide 	{ width: 70%; }
.sidecol.narrow { width: 30%; }
}
@media only screen and (max-width: 1000px) {
.pagecol 		{ width: 55%; }
.sidecol 		{ width: 45%; }
.pagecol.wide 	{ width: 65%; }
.sidecol.narrow { width: 35%; }
}
@media only screen and (max-width: 930px) {
.wrapper																			{ width: 100%; padding: 0; margin: 0; }
.container																			{ width: 100%; padding: 0 15px; margin: 0; }
.quartercol, .halfcol, .onethirdcol, .twothirdcol 									{ width: 100%; }
.pagecol, .sidecol, .pagecol.wide, .sidecol.narrow, .pagecol.mid, .sidecol.mid	 	{ width: 100%; }
.sidecol 																			{ margin-top: 20px; }
}
@media only screen and (max-width: 400px) {
.container { padding: 0 5px;}
}