.l-col-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: #eee;
	text-align: center;
	gap: 10px;
	border-radius: 5px;
	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;
	}
}