/***********************************************************/
/** Special Offers                                        **/
/***********************************************************/

#offers .offer > div {
	top: 1rem;
	left: 1rem;
	right: 1rem;
	z-index: 10;
	bottom: 1rem;
}

#offers .offer img {
	height: 30rem;
	transition: all linear .3s;
}

#offers .offer:hover div.button {background-color: var(--primary) !important;}
#offers .offer:hover div.button svg path {stroke: var(--white);}
#offers .offer:hover img {transform: scale(1.05);}

@media (max-width: 1400px) {
	#offers .offer img {height: 35rem;}
}

@media (max-width: 1200px) {
	#offers .offer img {height: 30rem;}
	#offers .offer.alt img {height: 100% !important;}
}

@media (max-width: 991px) {
	#offers .offer img {height: 17.5rem;}
}