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.333%; }
.col-2 { width: 14.667%; }
.col-3 { width: 23%; }
.col-4 { width: 31.333%; }
.col-5 { width: 39.667%; }
.col-6 { width: 48%; }
.col-7 { width: 56.333%; }
.col-8 { width: 64.667%; }
.col-9 { width: 73%; }
.col-10 { width: 81.333%; }
.col-11 { width: 89.667%; }
.col-12 { width: 98%; }
[class*="col-"] {	float: left; margin: 0 1%; }

/* Small devices (landscape phones, 576px and up) */
@media (width >= 576px) {
	.col-sm-1 { width: 6.333%; }
	.col-sm-2 { width: 14.667%; }
	.col-sm-3 { width: 23%; }
	.col-sm-4 { width: 31.333%; }
	.col-sm-5 { width: 39.667%; }
	.col-sm-6 { width: 48%; }
	.col-sm-7 { width: 56.333%; }
	.col-sm-8 { width: 64.667%; }
	.col-sm-9 { width: 73%; }
	.col-sm-10 { width: 81.333%; }
	.col-sm-11 { width: 89.667%; }
	.col-sm-12 { width: 98%; }
}

/* Medium devices (tablets, 768px and up) */
@media (width >= 768px) {
	.col-md-1 { width: 6.333%; }
	.col-md-2 { width: 14.667%; }
	.col-md-3 { width: 23%; }
	.col-md-4 { width: 31.333%; }
	.col-md-5 { width: 39.667%; }
	.col-md-6 { width: 48%; }
	.col-md-7 { width: 56.333%; }
	.col-md-8 { width: 64.667%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81.333%; }
	.col-md-11 { width: 89.667%; }
	.col-md-12 { width: 98%; }
}

/* Large devices (desktops, 992px and up) */
@media (width >= 992px) {
	.col-lg-1 { width: 6.333%; }
	.col-lg-2 { width: 14.667%; }
	.col-lg-3 { width: 23%; }
	.col-lg-4 { width: 31.333%; }
	.col-lg-5 { width: 39.667%; }
	.col-lg-6 { width: 48%; }
	.col-lg-7 { width: 56.333%; }
	.col-lg-8 { width: 64.667%; }
	.col-lg-9 { width: 73%; }
	.col-lg-10 { width: 81.333%; }
	.col-lg-11 { width: 89.667%; }
	.col-lg-12 { width: 98%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (width >= 1200px) {
	.col-xl-1 { width: 6.333%; }
	.col-xl-2 { width: 14.667%; }
	.col-xl-3 { width: 23%; }
	.col-xl-4 { width: 31.333%; }
	.col-xl-5 { width: 39.667%; }
	.col-xl-6 { width: 48%; }
	.col-xl-7 { width: 56.333%; }
	.col-xl-8 { width: 64.667%; }
	.col-xl-9 { width: 73%; }
	.col-xl-10 { width: 81.333%; }
	.col-xl-11 { width: 89.667%; }
	.col-xl-12 { width: 98%; }
}
.off-0 { margin-left: 1%; }
.off-1 { margin-left: 9.333%; }
.off-2 { margin-left: 17.667%; }
.off-3 { margin-left: 26%; }
.off-4 { margin-left: 34.333%; }
.off-5 { margin-left: 43%; }
.off-6 { margin-left: 51%; }
.off-7 { margin-left: 59%; }
.off-8 { margin-left: 67.667%; }
.off-9 { margin-left: 76%; }
.off-10 { margin-left: 84.333%; }
.off-11 { margin-left: 92.667%; }

/* Small devices (landscape phones, 576px and up) */
@media (width >= 576px) {
	.off-sm-0 { margin-left: 1%; }
	.off-sm-1 { margin-left: 9.333%; }
	.off-sm-2 { margin-left: 17.667%; }
	.off-sm-3 { margin-left: 26%; }
	.off-sm-4 { margin-left: 34.333%; }
	.off-sm-5 { margin-left: 43%; }
	.off-sm-6 { margin-left: 51%; }
	.off-sm-7 { margin-left: 59%; }
	.off-sm-8 { margin-left: 67.667%; }
	.off-sm-9 { margin-left: 76%; }
	.off-sm-10 { margin-left: 84.333%; }
	.off-sm-11 { margin-left: 92.667%; }
}

/* Medium devices (tablets, 768px and up) */
@media (width >= 768px) {
	.off-md-0 { margin-left: 1%; }
	.off-md-1 { margin-left: 9.333%; }
	.off-md-2 { margin-left: 17.667%; }
	.off-md-3 { margin-left: 26%; }
	.off-md-4 { margin-left: 34.333%; }
	.off-md-5 { margin-left: 43%; }
	.off-md-6 { margin-left: 51%; }
	.off-md-7 { margin-left: 59%; }
	.off-md-8 { margin-left: 67.667%; }
	.off-md-9 { margin-left: 76%; }
	.off-md-10 { margin-left: 84.333%; }
	.off-md-11 { margin-left: 92.667%; }
}

/* Large devices (desktops, 992px and up) */
@media (width >= 992px) {
	.off-lg-0 { margin-left: 1%; }
	.off-lg-1 { margin-left: 9.333%; }
	.off-lg-2 { margin-left: 17.667%; }
	.off-lg-3 { margin-left: 26%; }
	.off-lg-4 { margin-left: 34.333%; }
	.off-lg-5 { margin-left: 43%; }
	.off-lg-6 { margin-left: 51%; }
	.off-lg-7 { margin-left: 59%; }
	.off-lg-8 { margin-left: 67.667%; }
	.off-lg-9 { margin-left: 76%; }
	.off-lg-10 { margin-left: 84.333%; }
	.off-lg-11 { margin-left: 92.667%; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (width >= 1200px) {
	.off-xl-0 { margin-left: 1%; }
	.off-xl-1 { margin-left: 9.333%; }
	.off-xl-2 { margin-left: 17.667%; }
	.off-xl-3 { margin-left: 26%; }
	.off-xl-4 { margin-left: 34.333%; }
	.off-xl-5 { margin-left: 43%; }
	.off-xl-6 { margin-left: 51%; }
	.off-xl-7 { margin-left: 59%; }
	.off-xl-8 { margin-left: 67.667%; }
	.off-xl-9 { margin-left: 76%; }
	.off-xl-10 { margin-left: 84.333%; }
	.off-xl-11 { margin-left: 92.667%; }
}