/* DEFAULT STYLES (MOBILE)
==================================================================================================== */

.container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.column, .columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
}


/* DEVICES LARGER THAN 768px (NON-MOBILE)
==================================================================================================== */

@media (min-width: 768px) {

	.container {
		width: 90%;
		padding: 0;
		max-width: 1280px;
	}

	.column, .columns {
		margin-left: 4%;
	}

	.column:first-child, .columns:first-child {
		margin-left: 0;
	}

	div > .column:first-of-type, div > .columns:first-of-type {
		margin-left: 0;
	}

	.one.column,
	.one.columns									{ width: 4.66666666667%; }
	.two.columns									{ width: 13.3333333333%; }
	.three.columns								{ width: 22%; }
	.four.columns									{ width: 30.6666666667%; }
	.five.columns									{ width: 39.3333333333%; }
	.six.columns									{ width: 48%; }
	.seven.columns								{ width: 56.6666666667%; }
	.eight.columns								{ width: 65.3333333333%; }
	.nine.columns									{ width: 74.0%; }
	.ten.columns									{ width: 82.6666666667%; }
	.eleven.columns								{ width: 91.3333333333%; }
	.twelve.columns								{ width: 100%; margin-left: 0; }

	.one-third.column							{ width: 30.6666666667%; }
	.two-thirds.column						{ width: 65.3333333333%; }
	.one-fifth.column							{ width: 16.8%; }
	.one-half.column							{ width: 48%; }

	/* OFFSETS ================================================== */
	.offset-by-one.column,
	.offset-by-one.columns				{ margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns				{ margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns			{ margin-left: 26%; }
	.offset-by-four.column,
	.offset-by-four.columns				{ margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns				{ margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns				{ margin-left: 52%; }
	.offset-by-seven.column,
	.offset-by-seven.columns			{ margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns			{ margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns				{ margin-left: 78.0%; }
	.offset-by-ten.column,
	.offset-by-ten.columns				{ margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns			{ margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns	{ margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns	{ margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns		{ margin-left: 52%; }

}


/* CLEARING
==================================================================================================== */

.container:after, .row:after, .u-cf {
	content: "";
	display: table;
	clear: both;
}