.container-fluid {
	position: relative;
}

/* Custom fadeing for tabs */
.tab-pane {
	transition: opacity 250ms;
}
.tab-pane.fade-out {
	opacity: 0;
}

button:focus {
	outline: none;
}



/**
 * Breakpoints.
 */

/**
 * Maximal container width is 1320px.
 * Maximal fluid-container width is 1800px.
 * Main mobile breakpoint is 992px.
 */
/* Below mobile */
@media (max-width: 575.98px) {
	.container {
		max-width: none;
		width: 100%;
	}
}

/* Mobile to desktop */
@media (min-width: 576px) {
	.container {
		max-width: none;
		width: 100%;
	}
}

/* Desktop and above */
@media (min-width: 992px) {
}

@media (min-width: 1320px) {
	.container {
		max-width: 1320px;
	}
}
@media (min-width: 1800px) {
	.container-fluid {
		max-width: 1800px;
	}
}

/* Main container on home always gets the full width */
body.home main {
	max-width: none !important;
	width: 100% !important;
}
body.home .container-fluid {
	max-width: none !important;
	width: 100% !important;
}