:root {
	--gutter-width: 1rem;
}

body::before {
	background-color: #000a11;
	background-image: none;
}

.wrapper {
	width: 90% !important;
}

.article-content {
	background: none;
	border: none;
	margin-bottom: 25px;
	padding: 0 !important;
	width: 100% !important;
}

.site-section {
	background-color: #1b2932;
	border: none;
	box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.5);
	padding: 20px;
}

/* ----- */

.row > * {
	padding-right: var(--gutter-width);
	padding-left: var(--gutter-width);
}

/* Tablet */
@media screen and (min-width: 768px) {
	.col-md-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%;
	}

	.col-md-2 {
		flex: 0 0 16.67%;
		max-width: 16.67%;
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.col-md-5 {
		flex: 0 0 41.67%;
		max-width: 41.67%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex: 0 0 58.33%;
		max-width: 58.33%;
	}

	.col-md-8 {
		flex: 0 0 66.67%;
		max-width: 66.67%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex: 0 0 83.33%;
		max-width: 83.33%;
	}

	.col-md-11 {
		flex: 0 0 91.67%;
		max-width: 91.67%;
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Desktop */
@media screen and (min-width: 992px) {
	.col-lg-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%;
	}

	.col-lg-2 {
		flex: 0 0 16.67%;
		max-width: 16.67%;
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.col-lg-5 {
		flex: 0 0 41.67%;
		max-width: 41.67%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 58.33%;
		max-width: 58.33%;
	}

	.col-lg-8 {
		flex: 0 0 66.67%;
		max-width: 66.67%;
	}

	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 83.33%;
		max-width: 83.33%;
	}

	.col-lg-11 {
		flex: 0 0 91.67%;
		max-width: 91.67%;
	}

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}