#card-grid-wlinks .background-image-layer {
	width: 1920px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%,0);	
}
#card-grid-wlinks .title {
	text-align: center;
	margin-bottom: 32px;	
}
#card-grid-wlinks .link-flex {
	display: flex;
	column-gap: 50px;
	align-items: center;	
	justify-content: center;
	margin-bottom: 63px;
}
#card-grid-wlinks .link-flex a {
	color: var(--fossil-rim);	
	padding-bottom: 8px;
	border-bottom: 1px solid var(--serengeti);
}
#card-grid-wlinks .card-grid {
	display: grid;
	column-gap: 32px;
	row-gap: 32px;	
}
#card-grid-wlinks .card {
	background: white;
	box-shadow: var(--hmns-box-shadow-light);
}
#card-grid-wlinks .card:hover .top-section {
	background-size:110% auto !important;	
}
#card-grid-wlinks .card a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;	
}
#card-grid-wlinks .card .top-section {
	width: 100%;
	height: 0;
	padding-bottom: 56.52%;	
	transition: all .5s;
}
#card-grid-wlinks .card .bot-section {
	padding: 48px;		
}
#card-grid-wlinks .card .bot-section .bot-super {
	font-family: 'termina', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 8px;	
}
#card-grid-wlinks .card .bot-section h3.bot-title {
	font-family: 'sentinel', serif;
	font-size: 35px;
	line-height: 42px;	
	font-weight: 600;
	margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
	#card-grid-wlinks .card .bot-section {
	padding: 32px;		
	}
}	
@media screen and (max-width: 768px) {
	#card-grid-wlinks .card .bot-section {
		padding: 24px;
		width: 100%;		
	}	
	#card-grid-wlinks .card {
		display: flex;
		transition:all .5s;		
	}
	#card-grid-wlinks .card:hover {
		margin-top: -10px;
		margin-bottom: 10px;		
	}
	#card-grid-wlinks .card-grid {
		grid-template-columns: 1fr !important;		
	}
	#card-grid-wlinks .card .top-section {width: 150px; padding-bottom: 180px; background-size:cover !important; }
	#card-grid-wlinks .card:hover .top-section {
		background-size:cover !important;	
	}
	#card-grid-wlinks .card .bot-section h3.bot-title { font-size:25px; line-height:1.2; }
	#card-grid-wlinks .card .bot-section .bot-super { font-size: 12px; }
	#card-grid-wlinks {
	margin-bottom:78px !important;	
	}
} 
@media screen and (max-width:600px) {
	#card-grid-wlinks .card {
		display: block;
		transition:all .5s;		
	}
	#card-grid-wlinks .card .top-section {width: 100%; padding-bottom: 56.52%; background-size:100% auto !important; }
	#card-grid-wlinks .card:hover .top-section {
		background-size:110% auto !important;	
	}
	#card-grid-wlinks .title { 
		font-size: 25px;
		line-height: 30px; 		
	}
	#card-grid-wlinks .link-flex {
		flex-wrap: wrap;		
	}
	#card-grid-wlinks .link-flex a:last-child { margin-top: 24px; }
	#card-grid-wlinks .card .bot-section h3.bot-title { font-size:20px; line-height:1.2; }
}

/* Five-column variant responsive overrides (applied only when the block uses 5 columns) */
@media screen and (max-width: 1600px) {
	#card-grid-wlinks.five-col .card-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}		
	#card-grid-wlinks.five-col .card-grid .card {
		width: 300px;			
	}
	#card-grid-wlinks.five-col .card .bot-section {
		padding: 32px;
	}
}
@media screen and (max-width: 1200px) {
	#card-grid-wlinks.five-col .card-grid .card {
		width: 350px;			
	}
	#card-grid-wlinks.five-col .card .bot-section {
		padding: 24px;
	}		
}
@media screen and (max-width: 768px) {
	#card-grid-wlinks.five-col .card-grid { display: grid; grid-template-columns: 1fr !important; }	
	#card-grid-wlinks.five-col .card-grid .card {
		width: 100%;			
	}	
	#card-grid-wlinks.five-col .card .top-section {
		width: 250px;
		padding-bottom: 180px;
		background-size: cover !important;
	}
}