/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../imgs/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/

h2.neb-main {
	font-weight: 300;
	color: #00367f;
}

h3.neb-sub {
	font-weight: 700;
	color: #00367f;
}

h2.section-title {
	color: #00367f!important;
}

h2.section-title:before {
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: 25px;
	background-color: #efefef;
	vertical-align: middle;
}

h2.section-title:after {
	content: "";
	display: inline-block;
	height: 2px;
	margin-left: 25px;
	background-color: #efefef;
	vertical-align: middle;
}

h3.item-title {
	color: #ec982b!important;
}

.why-neb {
	padding: 3% 0 1% 0;
	box-sizing: border-box;
}

ul.feature {
	text-align: center;
	margin: 2% auto;
}
ul.feature li {
	margin: 15px 0;
}

ul.feature li:after {
	content: "";
	border-bottom: 4px solid #ec982b;
	width: 25%;
	display: block;
	margin: 15px auto;
}

ul.feature li:nth-of-type(4):after {
	border-bottom: none;
} 

.cta {
	border: 1px solid rgba(173,173,173,0.5);
	margin-top: 0;
	padding: 5%;
	box-sizing: border-box;
}

p.cta-q {
	font-weight: 400;
	margin: 20px auto 0 auto;
}

p.cta-ans {
	font-weight: 300;
}

p.cta-q a {
	text-decoration: underline;
	font-weight: 700;
	color: #ec982b;
}

.blank_50 {
	display: block;
	clear: both;
	margin: 25px auto;
	width: 100%;
}

.cta {
	text-align: center;
	vertical-align: middle;
}


/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
	h2.neb-main {
		width: 60%;
		padding: 3%;
	}
	h3.neb-sub {
		width: 60%;
		padding: 0 3% 3%;
	}
	ul.feature {
		max-width: 80%;
		font-size: 1.5rem;
	}
	.cta {
		margin: 3% auto;
		max-width: 90%;
		border-radius: 6px;
	}
	h2.section-title {
		margin: 40px auto 0 auto!important;
	}
	h2.section-title:before {
		width: 0;
		height: 0;
	}
	h2.section-title:after {
		width: 0;
		height: 0;
	}
	.section-texts .item-list {
		margin-top: 25px;
	}
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
	h2.neb-main {
		width: 65%;
		padding: 3%;
		font-size: 2.5rem;
		line-height: 1.25;
	}
	h3.neb-sub {
		width: 60%;
		padding: 0 3% 3%;
	}
	ul.feature {
		max-width: 95%;
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}
	h2.neb-main {
		width: 55%;
		padding: 3%;
		font-size: 2.5rem;
		line-height: 1.25;
	}
	h3.neb-sub {
		width: 55%;
		padding: 0 3% 3%;
	}
	ul.feature {
		max-width: 95%;
		font-size: 1.75rem;
	}
	p.cta-q {
		font-size: 1.5rem;
	}
	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
	h2.neb-main {
		width: 50%;
		padding: 3%;
		font-size: 3.25rem;
		line-height: 1.25;
	}
	h2.section-title:before {
		width: 15%;
		height: 2px;
	}
	h2.section-title:after {
		width: 15%;
		height: 2px;
	}
	h3.neb-sub {
		width: 50%;
		padding: 0 3% 3%;
		font-size: 2rem;
	}
	ul.feature li:after {
		width: 20%;
	}
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
	h2.neb-main {
		width: 50%;
		padding: 5% 5% 1%;
		font-size: 4.125rem;
		line-height: 1.25;
	}
	h3.neb-sub {
		width: 40%;
		padding: 0 0 0 5%;
		font-size: 2.5rem;
	}
	h2.section-title:before {
		width: 25%;
	}
	h2.section-title:after {
		width: 25%;
	}
	ul.feature {
		font-size: 2.3rem;
	}
	ul.feature li {
		margin: 20px auto;
		max-width: 80%;
	}
	ul.feature li:after {
		width: 8%;
		border-bottom: 3px solid #ec982b;
		margin: 20px auto;
	}
	p.cta-q {
		font-size: 1.5rem;
	}
	.col {
		max-width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	.cta {
		margin-top: 8%;
	}
	ul.feature {
		font-size: 1.85rem;
	}
	.featured-brands ul {
		margin-top: 25px!important;
	}
}