@charset "utf-8";
/* CSS Document */

.ctdtrc-row {
	clear: both;	
}

.ctdtrc-row .ctdtrc-col:first-child, .ctdtrc-row .ctdtrc-col:first-of-type {
	padding-left: 0;	
}

.ctdtrc-row .ctdtrc-col:last-child,  .ctdtrc-row .ctdtrc-col:last-of-type {
	padding-right: 0;	
}

.ctdtrc-row:after {
	content: '';
	display: table;
	width: 100%;
	clear: both;	
}

.ctdtrc-col {
	float: left;
	box-sizing: border-box;
	padding: 0 1.5%;	
	margin: 1em 0;
}

.ctdtrc-col.w7-8 {
	width: 87.5%;	
}

.ctdtrc-col.w6-7 {
	width: 85.5%;	
}

.ctdtrc-col.w5-6 {
	width: 83%;	
}

.ctdtrc-col.w4-5 {
	width: 80%;	
}

.ctdtrc-col.w3-4, .ctdtrc-col.w6-8 {
	width: 75%;
}

.ctdtrc-col.w5-7 {
	width: 71%;	
}

.ctdtrc-col.w2-3, .ctdtrc-col.w4-6 {
	width: 66%;	
}

.ctdtrc-col.w5-8 {
	width: 62.5%;	
}

.ctdtrc-col.w3-5 {
	width: 60%;	
}

.ctdtrc-col.w4-7 {
	width: 57%;	
}

.ctdtrc-col.w1-2, .ctdtrc-col.w2-4, .ctdtrc-col.w3-6, .ctdtrc.w4-8 {
	width: 50%;	
}

.ctdtrc-col.w3-7 {
	width: 42.5%;	
}

.ctdtrc-col.w2-5 {
	width: 40%;	
}

.ctdtrc-col.w3-8 {
	width: 37.5%;	
}

.ctdtrc-col.w1-3, .ctdtrc-col.w2-6 {
	width: 33.3%;	
}

.ctdtrc-col.w2-7 {
	width: 28.5%;
}

.ctdtrc-col.w1-4, .ctdtrc-col.w2-8 {
	width: 25%;	
}

.ctdtrc-col.w1-5 {
	width: 20%;	
}

.ctdtrc-col.w1-6 {
	width: 16.6%;	
}

.ctdtrc-col.w1-7 {
	width: 14%;	
}

.ctdtrc-col.w1-8 {
	width: 12.5%;	
}

/* 7 or 8 col goes down to 4 */
@media (max-width: 45em){ 
	.ctdtrc-col.w1-7, .ctdtrc-col.w1-8 {
		width: 25%;	
	}
	
	.ctdtrc-col.w1-7:nth-of-type(5), .ctdtrc-col.w1-8:nth-of-type(5) {
		clear: left;
		padding-left: 0;	
	}
	
	.ctdtrc-col.w1-8:nth-of-type(4) {
		padding-right: 0;	
	}
}

/* 5 or 6 col goes down to 3 */
@media (max-width: 35em){
	.ctdtrc-col.w1-5, .ctdtrc-col.w1-6 {
		width: 33.3%;	
	}
	
	.ctdtrc-col.w1-5:nth-of-type(4), .ctdtrc-col.w1-6:nth-of-type(4) {
		clear: left;
		padding-left: 0;	
	}
	
	.ctdtrc-col.w1-5:nth-of-type(3), .ctdtrc-col.w1-6:nth-of-type(3){
		padding-right: 0;	
	}

}

/* 4, 7 amd 8 col goes down to 2 */
@media (max-width: 30em){
	.ctdtrc-col.w1-4, .ctdtrc-col.w1-7, .ctdtrc-col.w1-8 {
		width: 50%;	
	}
	
	.ctdtrc-col.w1-4:nth-of-type(3), .ctdtrc-col.w1-7:nth-of-type(3), .ctdtrc-col.w1-7:nth-of-type(7), .ctdtrc-col.w1-8:nth-of-type(3), .ctdtrc-col.w1-8:nth-of-type(7) {
		clear: left;
		padding-left: 0;	
	}
	
	.ctdtrc-col.w1-4:nth-of-type(2), .ctdtrc-col.w1-7:nth-of-type(2), .ctdtrc-col.w1-7:nth-of-type(6), .ctdtrc-col.w1-8:nth-of-type(2), .ctdtrc-col.w1-8:nth-of-type(6){
		padding-right: 0;	
	}

}

/* 5 or 6 col goes down to 2 */
/* 3 col goes down to 1 */
/* all others go down to 1 */