/**
 * layout.css
 *
 * Structural layout shells.
 */

.l-site {
	background: var(--color-body);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	position: relative;
}

.l-main {
    background-color: var(--color-background);
	flex: 1 0 auto;
	width: 100%;
	padding-bottom: 5rem;
}

.l-main-home {
	padding-bottom: 2rem;
}

.l-container {
	width: 100%;
	max-width: var(--site-width);
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 768px) {
	.l-container {
	}
}