* {
    box-sizing: border-box;
}

.row { /*width: 100%;*/ }

/*.row .row { margin: 0 -0.5rem; }*/

.row:after, .row:before {
	content: "";
	display: table;
	clear: both;
}

[class*="col-"] {
	float: left;
	min-width: 8.33%;
	min-height: 1px;
	vertical-align: top;
}

.col-12 { width: 8.33%; }
.col-11 { width: 9.09%; }
.col-10 { width: 10%; }
.col-9 { width: 11.11%; }
.col-8 { width: 12.5%; }
.col-7 { width: 14.28%; }
.col-6, .col-12-span-2 { width: 16.66%; }
.col-11-span-2 { width: 18.18%; }
.col-5, .col-10-span-2 { width: 20%; }
.col-9-span-2 { width: 22.22%; }
.col-4, .col-8-span-2, .col-12-span-3 { width: 25%; }
.col-11-span-3 { width: 27.27%; }
.col-7-span-2 { width: 28.56%; }
.col-10-span-3 { width: 30%; }
.col-3, .col-6-span-2, .col-9-span-3, .col-12-span-4 { width: 33.33%; }
.col-11-span-4 { width: 36.36%; }
.col-8-span-3 { width: 37.5%; }
.col-5-span-2, .col-10-span-4 { width: 40%; }
.col-12-span-5 { width: 41.66%; }
.col-9-span-4 { width: 44.44%; }
.col-11-span-5 { width: 45.45%; }
.col-7-span-3 { width: 43.84%; }
.col-2, .col-2-m, .col-2-s, .col-4-span-2, .col-6-span-3, .col-8-span-4, .col-10-span-5, .col-12-span-6 { width: 50%; }
.col-11-span-6 { width: 54.54%; }
.col-9-span-5 { width: 55.55%; }
.col-7-span-4 { width: 57.12%; }
.col-12-span-7 { width: 58.33%; }
.col-5-span-3, .col-10-span-6 { width: 60%; }
.col-8-span-5 { width: 62.5%; }
.col-11-span-7 { width: 63.63%; }
.col-3-span-2, .col-6-span-4, .col-9-span-6, .col-12-span-8 { width: 66.66%; }
.col-10-span-7 { width: 70%; }
.col-7-span-5 { width: 71.4%; }
.col-11-span-8 { width: 72.72%; }
.col-4-span-3, .col-8-span-6, .col-12-span-9 { width: 75%; }
.col-9-span-7 { width: 77.77%; }
.col-5-span-4, .col-10-span-8 { width: 80%; }
.col-11-span-9 { width: 81.81%; }
.col-6-span-5, .col-12-span-10 { width: 83.33%; }
.col-7-span-6 { width: 85.68%; }
.col-8-span-7 { width: 87.5%; }
.col-9-span-8 { width: 88.88%; }
.col-10-span-9 { width: 90%; }
.col-11-span-10 { width: 90.9%; }
.col-12-span-11 { width: 91.66%; }
.col-1 { width: 100%; }

@media(max-width: 800px) {
	.col-2 { width: 100%; }
	.col-2-m { width: 50%; }
	.col-2-s { width: 50%; }
	/*.row [class*="col-"] .row .col-2 { width: 50%; }*/
	.col-3 { width: 50%; }
	.col-3:last-child { width: 100%; }

	.col-4 { width: 50%; }
	.col-4-span-3, .col-4-span-3 ~ .col-4 { width: 100%; }

	.col-5 { width: 33.33%; }
	.col-5:nth-child(4) { width: 50%; }
	.col-5:last-child { width: 50%; }
	.col-6 { width: 33.33%; }
	.col-7 { width: 25%; }
	.col-7:nth-child(5), .col-7:nth-child(6), .col-7:last-child { width: 33.33%; }
	.col-8 { width: 20%; }
	.col-8:nth-child(6), .col-8:nth-child(7), .col-8:last-child { width: 33.33%; }
}

@media(max-width: 670px) {
	.col-5 { width: 50%; }
	.col-5:last-child { width: 100%; }
	.col-7 { width: 33.33%; }
	.col-7:last-child { width: 100%; }
	.col-8 { width: 25%; }
	.col-8:nth-child(6), .col-8:nth-child(7), .col-8:last-child { width: 25%; }
}

@media(max-width: 580px) {
	.col-8 { width: 33.33%; }
	.col-8:nth-child(6) { width: 33.33%; }
	.col-8:nth-child(7), .col-8:last-child { width: 50%; }
}

@media(max-width: 380px) {
	.col-2-m { width: 100%; }
	.col-2-s { width: 100%; }
	.col-3 { width: 100%; }
	.col-4 { width: 100%; }
	.col-5 { width: 100%; }
	.col-5:nth-child(4) { width: 100%; }
	.col-5:last-child { width: 100%; }
	.col-6 { width: 100%; }
	.col-7 { width: 100%; }
	.col-7:nth-child(5), .col-7:nth-child(6) { width: 100%; }
	.col-8 { width: 100%; }
	.col-8:nth-child(6), .col-8:nth-child(7), .col-8:last-child { width: 100%; }
}