.image-grid-heading {
	font-size: var(--text-size-100);
	line-height: 1;
	letter-spacing: 2px;
	margin: 0 0 2rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}

.image-grid-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 1rem;
	column-gap: 1rem;
	margin: 0 auto;
}

.image-grid-holder.cols-1 {
	grid-template-columns: repeat(1, 1fr);
}
.image-grid-holder.cols-2 {
	grid-template-columns: repeat(2, 1fr);
}
.image-grid-holder.cols-3 {
	grid-template-columns: repeat(3, 1fr);
}
.image-grid-holder.cols-4 {
	grid-template-columns: repeat(4, 1fr);
}
.image-grid-holder.cols-5 {
	grid-template-columns: repeat(5, 1fr);
}

.image-grid-holder .image-grid-item {
	padding: 0;
	text-align: center;
}

.image-grid-holder .image-grid-item img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 0.75rem;
}

@media screen and (max-width: 768px) {
	.image-grid-heading {
		margin-bottom: 1rem;
	}

	.image-grid-holder {
		width: calc(100% - 2rem);
		margin-left: auto;
		margin-right: auto;
		max-width: 80vw;
		grid-template-columns: repeat(2, 1fr);
	}

	.image-grid-holder.cols-1,
	.image-grid-holder.cols-2,
	.image-grid-holder.cols-3,
	.image-grid-holder.cols-4,
	.image-grid-holder.cols-5 {
		grid-template-columns: repeat(2, 1fr);
	}

	.image-grid-holder .image-grid-item img {
		max-width: 7.5rem;
	}
}