.l-footer {
	background-color: var(--footer-bg);
	color: var(--footer-text);

	h3, p {
		color: var(--footer-text);
	}

	.l-stack{
		margin-top: 3rem;

		&:first-child {
			flex-grow: 1.25;
		}

		&:nth-child(2) {
			flex-grow: 1.125
		}
	}

	a {
		font-family: var(--sans);
		color: var(--footer-link);
		border-bottom: 2px solid var(--brand-structure-soft);
		text-decoration: none;

		&:hover,
		&:active,
		&:focus {
			color: var(--footer-link-hover);
			border-bottom: 2px solid var(--brand-structure-light);
		}
	}
}