@media all and (min-width: 960px) {
	
	.col1 {
	  float: left;
	  margin-right: -100%;
	  width: 8.33%;
	}
	
	.col2 {
	  float: left;
	  margin-right: -100%;
	  width: 16.66%;
	}
	
	.col3 {
	  float: left;
	  margin-right: -100%;
	  width: 25%;
	}
	
	.col4 {
	  float: left;
	  margin-right: -100%;
	  width: 33.33%;
	}
	
	.col5 {
	  float: left;
	  margin-right: -100%;
	  width: 41.66%;
	}
	
	.col6 {
	  float: left;
	  margin-right: -100%;
	  width: 50%;
	}
	
	.col7 {
	  float: left;
	  margin-right: -100%;
	  width: 58.33%;
	}
	
	.col8 {
	  float: left;
	  margin-right: -100%;
	  width: 66.66%;
	}

	.col9 {
	  float: left;
	  margin-right: -100%;
	  width: 75%;
	}
	
	.col10 {
	  float: left;
	  margin-right: -100%;
	  width: 83.33%;
	}
	
	.col11 {
	  float: left;
	  margin-right: -100%;
	  width: 91.66%;
	}
	.col12 {
	  float: left;
	  margin-right: -100%;
	  width: 100%;
	}
	/* Helper Class: Horizontal Position */
	.push0 {
	  margin-left: 0%;
	}
	
	.push1 {
	  margin-left: 8.33%;
	}
	
	.push2 {
	  margin-left: 16.66%;
	}
	
	.push3 {
	  margin-left: 25%;
	}
	
	.push4 {
	  margin-left: 33.33%;
	}
	
	.push5 {
	  margin-left: 41.66%;
	}
	
	.push6 {
	  margin-left: 50%;
	}
	
	.push7 {
	  margin-left: 58.33%;
	}
	
	.push8 {
	  margin-left: 66.66%;
	}
	
	.push9 {
	  margin-left: 75%;
	}
	
	.push10 {
	  margin-left: 83.33%;
	}
	
	.push11 {
	  margin-left: 91.66%;
	}

}



@media all and (max-width: 960px) {
	.col8 {
		float: left;
		margin-right: -100%;
		width: 66.66%;
	}
	/* Helper Class: Horizontal Position */
	.md-push0 {
		margin-left: 0%;
	}

	.md-push1 {
		margin-left: 15%;
	}

	.md-push2 {
		margin-left: 30%;
	}

	.md-push3 {
		margin-left: 45%;
	}
}

@media all and (max-width:  576px) {
	.col8 {
		float: left;
		margin-right: -100%;
		width: 66.66%;
	}
	/* Helper Class: Horizontal Position */
	.sm-push0 {
		margin-left: 0;
	}

	.sm-push1 {
		margin-left: 25%;
	}

	.sm-push2 {
		margin-left: 50%;
	}

	.sm-push3 {
		margin-left: 58%;
	}
}