/* ===========================
   LAYOUT STRUCTURE (GRIDS, COLUMNS)
   =========================== */

.two-column
{
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 1.5rem;
	box-sizing: border-box;
}

.col-left,
.col-right
{
	width: 100%;
}

.grid-container
{
	display: flex;
	flex-direction: column;
}

.section-container
{
	display: flex;
	flex-direction: column;
}


html,
body
{
	height: 100%;
}

.page
{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main
{
	flex: 1 0 auto;
}

footer
{
	flex-shrink: 0;
}