/* CSS Grid */

.row, .row5, .lw { width: 100%; margin: 0 auto; } 
.row > div, .row5 > div { float: left; position: relative; margin-left: 2% } 
.row > div:first-child, .row5 > div:first-child { margin-left: 0; } 

/* column widths */
.col1 {width:6.5%}		.col2 {width:15%}		.col3 {width:23.5%}		.col4 {width:32%}
.col5 {width:40.5%}		.col6 {width:49%}		.col7 {width:57.5%}		.col8 {width:66%}
.col9 {width:74.5%}		.col10 {width:83%}		.col11 {width:91.5%}		.col12 {width:100%}

/* Source ordering */
.push1 {left:8.5%}		.push2 {left:17%}		.push3 {left:25.5%}		.push4 {left:34%}
.push5 {left:42.5%}		.push6 {left:51%}		.push7 {left:59.5%}		.push8 {left:68%}
.push9 {left:76.5%}		.push10 {left:85%}		.push11 {left:93.5%}
.pull1 {right:8.5%}		.pull2 {right:17%}		.pull3 {right:25.5%}		.pull4 {right:34%}
.pull5 {right:42.5%}		.pull6 {right:51%}		.pull7 {right:59.5%}		.pull8 {right:68%}
.pull9 {right:76.5%}		.pull10 {right:85%}		.pull11 {right:93.5%}

/* 5 equal width columns */
.row5 > div {width:18.4%}
.row5 .push1 {left:20.4%}	.row5 .push2 {left:38.8%}	.row5 .push3 {left:57.2%}	.row5 .push4 {left:75.6%}
.row5 .pull1 {right:20.4%}	.row5 .pull2 {right:38.8%}	.row5 .pull3 {right:57.2%}	.row5 .pull4 {right:75.6%}


/********************************
 Mobile 
 *******************************/
@media only screen and (max-width: 767px) {		
body { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

.row, .row5, .lw { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row > div, .row5 > div { margin: 0 !important; float: none !important }

/* All columns full width */
.col1, .col2, .col3, .col4, .col5, .col6, 
.col7, .col8, .col9, .col10, .col11, .col12,
.row5 > div	{ width:100% !important; }
	
/* No source ordering on mobile */
.push1, .push2, .push3, .push4, .push5, .push6, 
.push7, .push8, .push9, .push10, .push11, .push12 { left:auto !important; } 
.pull1, .pull2, .pull3, .pull4, .pull5, .pull6, 
.pull7, .pull8, .pull9, .pull10, .pull11, .pull12 { right:auto !important; } 
}
