/**
 * Grid e base de layout (substitui Bootstrap CSS no front).
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

[class*="col-sm-"] {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: none;
	width: 100%;
}

@media (min-width: 768px) {
	.col-sm-3 {
		float: left;
		width: 25%;
	}

	.col-sm-4 {
		float: left;
		width: 33.33333333%;
	}

	.col-sm-5 {
		float: left;
		width: 41.66666667%;
	}

	.col-sm-6 {
		float: left;
		width: 50%;
	}

	.col-sm-7 {
		float: left;
		width: 58.33333333%;
	}

	.col-sm-8 {
		float: left;
		width: 66.66666667%;
	}

	.col-sm-9 {
		float: left;
		width: 75%;
	}

	.col-sm-12 {
		float: left;
		width: 100%;
	}
}

.container::before,
.container::after {
	content: " ";
	display: table;
}

.container::after {
	clear: both;
}