.container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1290px;
	width: 100%;
}

.row {
	margin-right: -.5rem;
	margin-left: -.5rem;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
}

.row .row {
	margin-right: 0.5rem;
	margin-left: 0.5rem;

	width: 100%;
	max-width: 1290px;
}


.c3o12-sm,
.c4o12-sm,
.c5o12-sm,
.c6o12-sm,
.c8o12-sm,
.c9o12-sm,
.c12o12-sm,
.c3o12-md,
.c4o12-md,
.c5o12-md,
.c6o12-md,
.c8o12-md,
.c9o12-md,
.c12o12-md,
.c3o12-lg,
.c4o12-lg,
.c5o12-lg,
.c6o12-lg,
.c8o12-lg,
.c9o12-lg,
.c12o12-lg {
	box-sizing: border-box;
	flex: 0 0 auto;
	padding-right: .5rem;
	padding-left: .5rem;
}


.c24o12-sm {
	flex-basis: 20%;
	max-width: 20%;
}

.c3o12-sm {
	flex-basis: 25%;
	max-width: 25%;
}

.c4o12-sm {
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
}

.c5o12-sm {
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
}

.c6o12-sm {
	flex-basis: 50%;
	max-width: 50%;
}

.c8o12-sm {
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
}

.c9o12-sm {
	flex-basis: 75%;
	max-width: 75%;
}

.c12o12-sm {
	flex-basis: 100%;
	max-width: 100%;
}



@media (min-width: 440px) {

	.c24o12-md {
		flex-basis: 20%;
		max-width: 20%;
	}
	.c3o12-md {
		flex-basis: 25%;
		max-width: 25%;
	}

	.c4o12-md {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.c5o12-md {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.c6o12-md {
		flex-basis: 50%;
		max-width: 50%;
	}

	.c8o12-md {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.c9o12-md {
		flex-basis: 75%;
		max-width: 75%;
	}

	.c12o12-md {
		flex-basis: 100%;
		max-width: 100%;
	}

}


@media (min-width: 960px) {
	.c24o12-lg {
		flex-basis: 20%;
		max-width: 20%;
	}
	.c3o12-lg {
		flex-basis: 25%;
		max-width: 25%;
	}

	.c4o12-lg {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.c5o12-lg {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.c6o12-lg {
		flex-basis: 50%;
		max-width: 50%;
	}

	.c8o12-lg {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.c9o12-lg {
		flex-basis: 75%;
		max-width: 75%;
	}

	.c12o12-lg {
		flex-basis: 100%;
		max-width: 100%;
	}

}

@media (max-width: 380px) {
	.row { margin: 0; }
	.c6o12-sm { flex-basis: 100%; max-width: 100%; }

}

