html {
	width: 100%;
}

body {
	width: 100%;
}

.wrapper:after {
	content: "";
	display: table;
	clear: both;
}

.wrapper:before {
	content: "";
	display: table;
	clear: both;
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	outline: 0;
}

.col:first-child {
	margin-left: 0;
}

.c12_din_12 {
	width: 100%;
}

.c11_din_12 {
	width: 91.53%;
}

.c10_din_12 {
	width: 83.06%;
}

.c9_din_12 {
	width: 74.6%;
}

.c8_din_12 {
	width: 66.13%;
}

.c7_din_12 {
	width: 57.66%; 
}

.c6_din_12 {
	width: 49.2%; 
}

.c5_din_12 {
	width: 40.73%; 
}

.c4_din_12 {
	width: 32.26%; 
}

.c3_din_12 {
	width: 23.8%;
}

.c2_din_12 {
	width: 15.33%; 
}

.c1_din_12 {
	width: 6.86%; 
}

@media only screen and (max-width: 480px) {
	.c12dinf_12 {
		width: 100%; 
	}
	.c11dinf_12 {
		width: 100%; 
	}
	.c10dinf_12 {
		width: 100%; 
	}
	.c9_din_12 {
		width: 100%; 
	}
	.c8_din_12 {
		width: 100%; 
	}
	.c7_din_12 {
		width: 100%; 
	}
	.c6_din_12 {
		width: 100%; 
	}
	.c5_din_12 {
		width: 100%; 
	}
	.c4_din_12 {
		width: 100%; 
	}
	.c3_din_12 {
		width: 100%; 
	}
	.c2_din_12 {
		width: 100%; 
	}
	.c1_din_12 {
		width: 100%; 
	}
}