.hero.wide {
	background-position: center center;
	width: 100%;
	height: 45vh;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.hero.wide:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: black;
	opacity: .2;
}

#content {
	background: white;
	padding: 40px 0px;
}

#content p {
	line-height: 2;

}

h3.cb-header {
	display: -webkit-inline-box!important;
	text-transform: uppercase!important;
	font-size: 25px!important;
	position: relative;
	z-index: 2;
	color: #464444;
	letter-spacing: 4px;
}

h3.cb-header span {
	display: -webkit-inline-box!important;
	position: relative;
	z-index: 2;
}

h3.cb-header:before {
	position: absolute;
	bottom: 9px;
	left: 0;
	width: 100%;
	height: 8px;
	background: transparent;
	content: '';
	z-index: 1;
}

#border {
	background: linear-gradient(red 0%, orange 25%, yellow 50%, green 75%, blue 100%);
	height: 4px;
	width: 100%;
}
h2.tagline {
	position: absolute;
	color: white;
	text-transform: uppercase;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '';
	font-size: 35px;
}