@import '../components/header.css';
@import '../components/footer.css';
@import '../components/common.css';

@import '../lib/owl.carousel.min.css';
@import '../lib/owl.theme.default.min.css';

@import '../components/carousel.css';

.hero-text {
	position: absolute;
	top: 25%;
	width: 100%;
	color: #ffffff;
	text-align: center;
}
.hero-text h1 {
	font-size: 60px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	text-shadow: 5px 8px 24px #000000;
}
.hero-text p {
	font-size: 24px;
	line-height: 1;
}
.offer-promo-1 h2 {
	font-size: 48px;
	font-weight: 700;
}
.offer-promo-1 h4 {
	font-size: 24px;
	font-weight: 600;
}
.offer-promo-2 h2 {
	font-size: 30px;
	font-weight: 700;
}
.rebate-center h2 {
	font-size: 36px;
	font-weight: 700;
}

.rebate-center {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

@media all and (max-width: 991px) {
	.hero-text {
		top: 50%;
	}
	.hero-text h1 {
		font-size: 28px;
	}
	.hero-text p {
		font-size: 14px;
	}
	.offer-promo-1 h2 {
		font-size: 28px;
	}
	.offer-promo-1 h4 {
		font-size: 18px;
	}
	.rebate-center h2,
	.offer-promo-2 h2 {
		font-size: 28px;
	}
}