/*
 *
 * CSS Styles for IAT381 IAT381 Assignment 2 Company Website
 * by Bradley Sutherland & Jonathan Bongato
 *
 */

/* =========================================================
 * Grid CSS Styles
 * ========================================================= */
 
 /* Applies padding/gutter to the columns */
 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
 .container {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
 }
 
 .row {
	position: relative;
	width: 100%;
	overflow: hidden;
 }
 
 .column, .columns {
	float: left;
	padding: 0 2%;
	/*border: 1px solid red;*/
 }

 /* Removes the left or right padding from the first and last columns in a row */ 

 .row > .column:first-of-type, .row > .columns:first-of-type {
	padding-left: 0;
}
 .row > .column:last-of-type, .row > .columns:last-of-type {
	padding-right: 0;
}

.one { width: 8.333333333%; }
.two { width: 16.666666666%; }
.three { width: 25%; }
.four { width: 33.33333333%; }
.five { width: 41.666666667%; }
.six { width: 50%; max-width: 50%;}
.seven { width: 58.333333333%; }
.eight { width: 66.666666667%;}
.nine { width: 75%; }
.ten { width: 83.333333333%; }
.eleven { width: 91.666666667%; }
.twelve { width: 100%; }

/*
img { width: 100%; height: auto; }
*/