/* column wrapper */
.cols
{
	position: relative;
	display: block;
	text-align: left;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
}
.cols:after
{
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	clear: both;
}
.cols .cols
{
	margin-left: -20px;
	margin-right: -20px;
}

/* columns */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12
{
	position: relative;
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}

/* column widths */
.col1  { width:  8.3334%; }
.col2  { width: 16.6667%; }
.col3  { width: 25.0000%; }
.col4  { width: 33.3334%; }
.col5  { width: 41.6667%; }
.col6  { width: 50.0000%; }
.col7  { width: 58.3334%; }
.col8  { width: 66.6667%; }
.col9  { width: 75.0000%; }
.col10 { width: 83.3334%; }
.col11 { width: 91.6667%; }
.col12 { width: 100.000%; }

/* debug borders */
/*
.cols { border: 1px dashed red; }
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { border: 1px dashed blue; }
*/