.card-grid-boxes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; text-align: left; }
.card-grid-boxes.card-grid-boxes-3col { grid-template-columns: repeat(3, 1fr); }
.card-grid-boxes.card-grid-boxes-3col .card-grid-box { aspect-ratio: 1.5; }

.card-grid-box { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px; background-size: cover; background-position: center; overflow: hidden; transition: transform .2s ease; }
.card-grid-box:not(.no-link):hover { transform: translateY(-4px); }

.card-grid-box.has-image:before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 65%); }

.card-grid-box-icon { position: relative; z-index: 1; display: block; max-width: 48px; max-height: 48px; margin-bottom: 12px; }
.card-grid-box-title { position: relative; z-index: 1; display: block; font-family: 'Heading Now 57'; font-weight: 700; font-size: 30px; text-transform: uppercase; color: #16241b; line-height: 1.1; }
.card-grid-box-text { position: relative; z-index: 1; display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; color: #16241b; }
.card-grid-box-cta { position: relative; z-index: 1; display: block; margin-top: 8px; font-weight: 800; font-size: 16px;  color: #16241b; }

.card-grid-box.has-image .card-grid-box-title,
.card-grid-box.has-image .card-grid-box-text,
.card-grid-box.has-image .card-grid-box-cta { color: #f8f7f1; }

.card-grid-boxes .bg-cream {background: #d9d3c3;}

@media only screen and (max-width: 1350px) {
	.card-grid-box {padding: 20px;}
	.card-grid-box-title {font-size: 24px;}
}


@media only screen and (max-width: 768px) {
	.card-grid-boxes { grid-template-columns: 1fr; }
	.card-grid-box { aspect-ratio:auto; padding: 25px; }
	.card-grid-box-title { font-size: 26px; }
	.card-grid-box-icon {max-width: 70px; max-height: 70px; margin-bottom: 30pxf;}
	.card-grid-boxes.card-grid-boxes-3col { grid-template-columns: 1fr; }
	.card-grid-boxes.card-grid-boxes-3col .card-grid-box {aspect-ratio: auto;}
}