/* components/_solutions-grid.css */



.c-solutions-grid {
	list-style: none;
	padding-left: 0;
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 80px;
	grid-template-columns: 1fr;
}
.c-solutions-grid li {
	max-width: clamp(240px, calc( 100% * 300 / 340 ), 300px);
}

@media ( min-width: 600px ) {
	.c-solutions-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media ( min-width: 1000px ) {
	.c-solutions-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
} 

@media ( min-width: 1200px ) {
	.c-solutions-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}