.row, .fx { display: flex; }
.x { width: 100% !important; flex-grow: 1 !important; }
.nx { flex-shrink: 0 !important; }

.s12 { width: 100%; }
.s11 { width: 91.66%; }
.s10 { width: 83.33%; }
.s9 { width: 75%; }
.s8 { width: 66.6%; }
.s7 { width: 58.33%; }
.s6 { width: 50%; }
.s5 { width: 41.6%; }
.s4 { width: 33.3%; }
.s3 { width: 25%; }
.s2 { width: 16.66%; }
.s1 { width: 8.33%; }

@media (min-width: 600px) {
	.m12 { width: 100%; }
	.m11 { width: 91.66%; }
	.m10 { width: 83.33%; }
	.m9 { width: 75%; }
	.m8 { width: 66.6%; }
	.m7 { width: 58.33%; }
	.m6 { width: 50%; }
	.m5 { width: 41.6%; }
	.m4 { width: 33.3%; }
	.m3 { width: 25%; }
	.m2 { width: 16.66%; }
	.m1 { width: 8.33%; }
}

@media (min-width: 960px) {
	.l12 { width: 100%; }
	.l11 { width: 91.66%; }
	.l10 { width: 83.33%; }
	.l9 { width: 75%; }
	.l8 { width: 66.6%; }
	.l7 { width: 58.33%; }
	.l6 { width: 50%; }
	.l5 { width: 41.6%; }
	.l4 { width: 33.3%; }
	.l3 { width: 25%; }
	.l2 { width: 16.66%; }
	.l1 { width: 8.33%; }
}

@media (min-width: 1200px) {
	.xl12 { width: 100%; }
	.xl11 { width: 91.66%; }
	.xl10 { width: 83.33%; }
	.xl9 { width: 75%; }
	.xl8 { width: 66.6%; }
	.xl7 { width: 58.33%; }
	.xl6 { width: 50%; }
	.xl5 { width: 41.6%; }
	.xl4 { width: 33.3%; }
	.xl3 { width: 25%; }
	.xl2 { width: 16.66%; }
	.xl1 { width: 8.33%; }
}

@media (min-width: 1600px) {
	.xxl12 { width: 100%; }
	.xxl11 { width: 91.66%; }
	.xxl10 { width: 83.33%; }
	.xxl9 { width: 75%; }
	.xxl8 { width: 66.6%; }
	.xxl7 { width: 58.33%; }
	.xxl6 { width: 50%; }
	.xxl5 { width: 41.6%; }
	.xxl4 { width: 33.3%; }
	.xxl3 { width: 25%; }
	.xxl2 { width: 16.66%; }
	.xxl1 { width: 8.33%; }
}