/*
*	CSS Style for IAT381 Week 2 Lab
*	by Colin To
*
*/

/* ========================================================
*	Grid CSS Styles
* ========================================================= */
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1140px;
    margin-top:20px; /* Margins between Banner and Container */
}

.row {
	position: relative;
	width: 100%;
	overflow: hidden;
}


.column, .columns {
	float: left;
	border: 1px dashed red;
	padding: 0 1%; /* CSS shorthand for padding - This applies gutter */
	
}

/* 100% / total # of columns * column width */

.one { 
width: 8.333333333333%;
}

.two { 
width: 16.66666666666%;
}

.three { 
width: 25%;
}

.four { 
width: 33.33333333333%;
}

.five { 
width: 41.666666666667%;
}

.six{ 
width: 50%;
}

.seven { 
width: 58.3333333333333%;
}

.eight { 
width: 66.6666666666667%;
}

.nine { 
width: 75%;
}

.ten { 
width: 83.333333333333%;
}

.eleven { 
width: 91.666666666667%;
}

.twelve { 
	width: 100%;
	background: linear-gradient(45deg, white 25%, #8b0 25%, #8b0 50%, white 50%, white 75%, #8b0 75%, #8b0);
	background-size:100px 100px;
	border: 2px ridge red;
	background-color: green;
}