/* Hide desktop slider on mobile */
@media (max-width: 750px) {
	#carouselExampleAutoplaying {
		display: block;
	}

	#hero {
		display: none;
	}
}

/* Hide mobile slider on desktop */
@media (min-width: 750px) {
	#carouselExampleAutoplaying {
		display: none;
	}

	#hero {
		display: block;
	}
}

/* Style adjustments for mobile carousel */
.carousel-item img {
	object-fit: cover;
	object-position: center;
	height: 30h;
	overflow: hidden;
}

.carousel-control-next,
.carousel-control-prev {
	border: none;
	background: transparent;
}