/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
.cards{
		display					:	grid								;
		grid-template-columns	:	repeat(4,1fr)						;
		gap						:	20px								;
		margin					:	0 0 20px							;
		padding					:	10px								;
		list-style				:	none								;
}
.cards li{
		border-bottom			:	6px solid var(--silver)				;
		background				:	var(--navy)							;
}
.cards a{
		display					:	block								;
		text-decoration			:	none								;
}
.cards img{
		width					:	100%								;
		height					:	245px								;
		object-fit				:	cover								;
		transition				:	opacity .4s							;
}
.cards a:hover img{
		opacity					:	.6									;
}
.cards h3{
		margin					:	0									;
		padding					:	20px								;
		font-size				:	19px								;
		font-weight				:	600									;
		line-height				:	1.2									;
		color					:	#fff								;
}
@media (max-width:1024px){
	.cards img{
		height					:	246px								;
	}
}
@media (max-width:767px){
	.cards{
		grid-template-columns	:	1fr									;
	}
}