.colWrapper100pct {
	width: calc(100% / 9 * 8);
	float: left;
}

.colContent100pct {
	margin-left: 12.5%;
	padding-top: 20px;
	width: 87.5%;
}

@media screen and (min-width: 1024px) {
	
	.colWrapper50pct {
		width: calc(100% / 9 * 4);
		float: left;
	}

	.colContent50pct {
		margin-left: 25%;
		padding-top: 20px;
		width: 75%;
	}

	.colWrapper50pctPlus {
		width: calc(100% / 9 * 5);
		float: left;
	}

	.colContent50pctPlus {
		margin-left: 20%;
		padding-top: 20px;
		width: 80%;
	}

	.colContent100pctHalf {
		margin-left: 12.5%;
		padding-top: 20px;
		width: 37.5%;
	}
	
	
}

@media screen and (max-width: 1023px) {

	.colWrapper50pct {
		width: calc(100% / 9 * 6);
		float: left;
	}

	.colContent50pct {
		margin-left: calc(100% / 6 * 1);
		padding-top: 20px;
		width: calc(100% / 6 * 5);
	}

	.colWrapper50pctPlus {
		width: calc(100% / 9 * 8);
		float: left;
	}

	.colContent50pctPlus {
		margin-left: 12.5%;
		padding-top: 20px;
		width: 87.5%;
	}

	.colContent100pctHalf {
		margin-left: 12.5%;
		padding-top: 20px;
		width: 62.5%;
	}
	
	.colHide {
		display: none;
	}

}