#header {background-image: linear-gradient(to right, rgba(0,0,0,0.8) 20%, transparent 50%), url(https://s3.amazonaws.com/ba-en-us/includes/home/header.jpg);
    background-size: cover;
    height: 80vh;
}

#savings h3 {
	margin-top: 0;
	margin-bottom: 0;
}

#savings .separator {
	height: 60%;
	width: 2px;
	background: #000;
	position: absolute;
	left: 0;
	top: 17%;
}

#satisfaction img {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 2em;
}

#before-after {
	position: relative;
}

#promo-banner {
	background: #76c042;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#promo-banner h3 {
	margin: 0;
}

#labels {
	position: absolute;
	bottom: 2em;
	left: 0;
	width: 100%;
	text-align: center;
}

#labels .image-label {
	background: #242424;
	color: #ffffff;
	text-transform: uppercase;
	width: auto;
	padding: 0.5em 1em;
	font-weight: bold;
	display: inline-block;
}

#grid .container {
	position: relative;
}

.grid-item-fade {
	height: 500px;
}

#washdown .grid-item-background-image {
	background-position: -100px bottom;
}

#garage-light .grid-item-background-image {
	background-position: -400px top;
}

.tab .copy {
	height: 400px;
}
	
@media only screen and (max-width: 1400px) {
	.tab .copy {
		height: 450px;
	}
}

@media only screen and (max-width: 1200px) {
	.grid-item-fade {height: 450px;}
	.tab .copy {
		height: 350px;
	}
}

@media only screen and (max-width: 991px) {
	#savings .separator {left: 0;}
}

@media only screen and (max-width: 800px) {
	.grid-item-fade {height: 400px;}
}

@media only screen and (max-width: 767px) {	
	.grid-item-fade {
		height: auto;
	}
	
	.grid-item-fade .grid-item-label {
		position: relative;
	}
	
	.tab .copy {
		height: auto;
	}
	
	#labels {
		bottom: 0;
		font-size: 0.8em;
	}
	
	#satisfaction img {
		height: 60px;
		width: 60px;
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 450px) {
	#savings .col-lg-6, #savings .col-lg-6:first-of-type {width: 100%; margin-right: unset;}
	
	#savings .separator {display: block; width: 60%; height: 1px; margin-left: auto; margin-right: auto; left: unset; position: relative; margin-bottom: 2em;}
	#savings .col-lg-6:first-of-type {padding-bottom: 1em; margin-bottom: 1em;}
	
	#labels {
		font-size: 0.7em;
	}
}

@media only screen and (max-width: 374px) {
	#labels {
		font-size: 0.6em;
	}
}