.callouts {
	display: grid;
}

.callouts.items-per-row-one {
	grid-template-columns: repeat(1, 1fr);
}
.callouts.items-per-row-two {
	grid-template-columns: repeat(2, 1fr);
}
.callouts.items-per-row-three {
	grid-template-columns: repeat(3, 1fr);
}
.callouts.items-per-row-four {
	grid-template-columns: repeat(4, 1fr);
}

.callout {
	position: relative;
	background-size: cover;
}

.callout-button-wrap {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.callouts.items-per-row-one,
	.callouts.items-per-row-three {
		grid-template-columns: repeat(1, 1fr);
	}

	.callouts.items-per-row-two,
	.callouts.items-per-row-four {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 748px) {
	.callouts.items-per-row-two,
	.callouts.items-per-row-four {
		grid-template-columns: repeat(1, 1fr);
	}
}