/* 
    Created on : 22-apr-2015, 16:02:08
    Author     : Daniel Zegveld

	Words:
	Grid is based on the "One % CSS grid" fluid column layout: 
	http://onepcssgrid.mattimling.com/

	----------------------------------------------------------------------------
*/





/*
	Main grid
*/

.grid {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 0 0 1%;
	/*background: #F00;*/
}

.gridrow {
	clear: both;
	/*background: purple;*/
}

.gridrow:after {
	content: "";
	display: table;
	clear: both;
}





/*
	Grid columns
*/

.gridrow [class*='col-'] {
	float: left;
	margin: 0 3% 0 0;
	/*background: #CCC;*/
}

.gridrow [class*='col-']:last-of-type {
	margin: 0;
}

.col-1 { width: 5.5%; }
.col-2 { width: 14%; }
.col-3 { width: 22.5%; }
.col-4 { width: 31%; }
.col-5 { width: 39.5%; }
.col-6 { width: 48%; }
.col-7 { width: 56.5%; }
.col-8 { width: 65%; }
.col-9 { width: 73.5%; }
.col-10 { width: 82%; }
.col-11 { width: 90.5%; }
.col-12 { width: 99%; margin: 0; }





/*
	Column content
*/

.gridrow [class*='col-'] img.scaling {
	width: 100%;
	height: auto;
	display: block;
}





/*
	Small screen
*/

@media all and (max-width: 768px) {
	.gridrow:after {
		content: none;
	}
	.gridrow [class*='col-'] {
		float: none;
		width: 99%;
	}
}