/* Services module */

/* Default: one row of three */
.services {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--global-padding-side); }

/* Expanded: first service full width, the other two 50% each beneath */
.services__expanded {
	grid-template-columns: repeat(2, 1fr); }

.services__expanded .services__item:first-child {
	grid-column: 1 / -1; }


@media all and (max-width: 1000px) {

	.services,
	.services__expanded {
		grid-template-columns: 1fr; }

}

.m__services { background: var(--color-charcoal-dark); color: var(--color-white); }
.m__services .mc__title h2 { color: var(--color-white); }