@charset "UTF-8";

:root {
	--grid-spacing: 15px;
}

@media all {
	.container {
		max-width: calc(100vw - 80px) !important;
	}

	.container, .row > * {
		padding-left: calc(var(--grid-spacing) * .5) !important;
		padding-right: calc(var(--grid-spacing) * .5) !important;
	}

	.row {
		margin-left: calc(var(--grid-spacing) * -.5) !important;
		margin-right: calc(var(--grid-spacing) * -.5) !important;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: calc(100vw - 160px) !important;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: calc(100vw - 200px) !important;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: calc(100vw - 250px) !important;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: calc(100vw - 300px) !important;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: calc(100vw - 500px) !important;
	}

	.container.small {
		max-width: calc(100vw - 400px) !important;
	}
}