.row {
	margin: auto;
	max-width: 1000px;
	padding-top: 20px
}

.row:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both
}

.row .column,
.row .columns {
	float: left;
	padding-left: 12px;
	width: 100%
}

.row .column.one,
.row .columns.one {
	width: 100% / 12
}

.row .column.two,
.row .columns.two {
	width: 16.66667%
}

.row .column.three,
.row .columns.three {
	width: 25%
}

.row .column.four,
.row .columns.four {
	width: 33.33333%
}

.row .column.five,
.row .columns.five {
	width: 41.66667%
}

.row .column.six,
.row .columns.six {
	width: 50%
}

.row .column.seven,
.row .columns.seven {
	width: 58.33333%
}

.row .column.eight,
.row .columns.eight {
	width: 66.66667%
}

.row .column.nine,
.row .columns.nine {
	width: 75%
}

.row .column.ten,
.row .columns.ten {
	width: 83.33333%
}

.row .column.eleven,
.row .columns.eleven {
	width: 91.66667%
}

.row .column.twelve,
.row .columns.twelve {
	width: 100%
}

.row .column:first-child,
.row .columns:first-child {
	padding-left: 0
}