/* Lazy Load Styles */
.cards-images {
	display: block;
height: 50rem;
	background-size:cover;
}
.cards-images.is-loaded {
	transition: filter 1s;
}

.cards {
	display: inline-block;
	width: 23%;
	margin: 1rem;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}

.cards:hover {
	transform: translateY(-0.5rem) scale(1.0125);
	background-color: #f0f0f0;
	
}
.cards:hover h2{
	color: #313131;
}
.cards-description {
	display: block;
	padding: 1em 0.5em;
	
	text-decoration: none;
}
.cards-description h2{
	color: #f0f0f0;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.cards{
		width: 90%;
	}
}