html, body { margin: 0; padding: 0; }
* { box-sizing: border-box; }
.container { width: 100%; margin: 0 auto; }
* { box-sizing: border-box; }
.row { width: 100%; overflow: hidden; }
.col-1 { width: 6.33%; }
.col-2 { width: 14.6%; }
.col-3 { width: 23%; }
.col-4 { width: 31.3%; }
.col-5 { width: 40%; }
.col-6 { width: 48%; }
.col-7 { width: 56%; }
.col-8 { width: 64.6%; }
.col-9 { width: 73%; }
.col-10 { width: 81.3%; }
.col-11 { width: 89.6%; }
.col-12 { width: 98%; }
[class*="col-"] {	float: left; margin: 0 1%; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.col-sm-1 { width: 6.33%; }
	.col-sm-2 { width: 14.6%; }
	.col-sm-3 { width: 23%; }
	.col-sm-4 { width: 31.3%; }
	.col-sm-5 { width: 40%; }
	.col-sm-6 { width: 48%; }
	.col-sm-7 { width: 56%; }
	.col-sm-8 { width: 64.6%; }
	.col-sm-9 { width: 73%; }
	.col-sm-10 { width: 81.3%; }
	.col-sm-11 { width: 89.6%; }
	.col-sm-12 { width: 98%; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.col-md-1 { width: 6.33%; }
	.col-md-2 { width: 14.6%; }
	.col-md-3 { width: 23%; }
	.col-md-4 { width: 31.3%; }
	.col-md-5 { width: 40%; }
	.col-md-6 { width: 48%; }
	.col-md-7 { width: 56%; }
	.col-md-8 { width: 64.6%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81.3%; }
	.col-md-11 { width: 89.6%; }
	.col-md-12 { width: 98%; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.col-lg-1 { width: 6.33%; }
	.col-lg-2 { width: 14.6%; }
	.col-lg-3 { width: 23%; }
	.col-lg-4 { width: 31.3%; }
	.col-lg-5 { width: 40%; }
	.col-lg-6 { width: 48%; }
	.col-lg-7 { width: 56%; }
	.col-lg-8 { width: 64.6%; }
	.col-lg-9 { width: 73%; }
	.col-lg-10 { width: 81.3%; }
	.col-lg-11 { width: 89.6%; }
	.col-lg-12 { width: 98%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.col-xl-1 { width: 6.33%; }
	.col-xl-2 { width: 14.6%; }
	.col-xl-3 { width: 23%; }
	.col-xl-4 { width: 31.3%; }
	.col-xl-5 { width: 40%; }
	.col-xl-6 { width: 48%; }
	.col-xl-7 { width: 56%; }
	.col-xl-8 { width: 64.6%; }
	.col-xl-9 { width: 73%; }
	.col-xl-10 { width: 81.3%; }
	.col-xl-11 { width: 89.6%; }
	.col-xl-12 { width: 98%; }
}