.l-col-4 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
	min-width: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 500px) {
	.l-col-4 {
		flex-basis: 45%;
	}
}

@media (min-width: 900px) {
	.l-col-4 {
		flex-basis: 0;
	}

	.l-col-4.col--double {
		flex-grow: 2;
	}
}

.footer-columns--content .l-col-4 {
	padding-right: 0;
	padding-left: 0;
}

@media (max-width: 680px) {
	.footer-columns--content .l-col-4 {
		padding-right: 0;
		padding-left: 0;
	}
}