.layout-infobox {
	padding-top: var(--section-padding-md);
	padding-bottom: var(--section-padding-md);
}


.infobox-container {
/*	background-color: var(--background_colour);*/
	background-color: #D6D8FC;
	padding: 3rem !important;
}

.infobox-container .preheader {
	text-transform: uppercase;
	font-weight: 800;
}

.infobox-container h2 {
	padding-top: 0px;
}

@media (min-width: 769px) {
	.layout-infobox {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: var(--gap-md);
	}
	.infobox-container {
		grid-column: 4 / span 9;
	}

}


@media (max-width: 768px) {
.infobox-container {
	padding: 2.5rem 1.5rem 1.5rem 1.5rem !important;
}
}