/* Hero Image */
.contact-banner {
	width: 100vw;
	height: 60vh;
	position: relative;
	margin-top: 98px;
}
.contact-banner:before {
	content: '';
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		url('/img/contact/storefront-banner.jpg');
	position: fixed;
	height: 60vh;
	width: 100vw;
	top: 98px;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	z-index: -1;
}
/* Hero Image End */

/* Icon CSS */
.fa-clock,
.fa-map,
.fa-comment-dots {
	font-size: 55px;
	color: #5d8f24;
}
i.contact-icons {
	color: #5d8f24;
}
/* Icon End */

/* Contact Info CSS */
h5.contact-heads {
	font-weight: bold;
	color: #5d8f24;
}
div p a.contact-links {
	color: black;
}
.contact-links:hover {
	color: #ae200a;
}
/* Contact Info CSS End */

/* mobile device banner adjustments */
@media only screen and (max-width: 767px) {
	.contact-banner {
		margin-top: 92px;
		height: 50vh;
	}
	.contact-banner:before {
		top: 92px;
		height: 50vh;
	}
}