/* border-box includes padding & border */
* { 
	box-sizing: border-box; 
	overflow:wrap;
}
.grid-container{
	width:100%;
	max-width: 1920px;
}

/* ======================================== */
/*					FLOW CONTROL 		 	*/
/* ======================================== */
/* Clears flow so elements aren't taken out */
.row::before,
.row::after{
	content: "";
	clear: both;
	display: table;
	width:100%;
}
/* ======================================== */
/*					COLUMNS 				*/
/* ======================================== */
/* all columns */
[class*='col-']{
	float:left;
	min-height:1px;
/*	padding: 15px;*/
}
/* Sets 12 columns' widths */
.col-1{width:8.33%;}
.col-2{width:16.66%}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
/* ======================================== */
/*					MEDIA QUERIES 			*/
/* ======================================== */
/* Small Desktop */
@media all and (max-width:1200px){}
/* Tablet (ipad) */
@media all and (max-width:768px){}
/* Mobile */
@media all and (max-width:360px){}