/* --- Adjust the nav to work with the hero background --- */

#nav .container .logo .logoDark{
	opacity: 1 !important;
	animation: none !important;
	-webkit-animation: none !important;
}

#nav .container .logo .logoLight{
	opacity: 0 !important;
	animation: none !important;
	-webkit-animation: none !important;
}

#nav .container .content .links li a{
	color: #112867;
}

#nav .container #toggleMobileNav .icon:before,
#nav .container #toggleMobileNav .icon:after,
#nav .container #toggleMobileNav .icon span{
		background: #3E4A57;
	}

/* ------ End nav adjustments ------ */



#hero .section{
	padding-top: 140px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

#hero .section .container{
	position: relative;
}

#hero .section .container h2{
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 50px;
}

#hero .section .container form{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}


.logoPack.bottomLogoPack{
	display: none;
}


/* --- Media Queries -------------------- */

@media all and (max-width: 960px){

}

@media all and (max-width: 768px){
	#hero .section{
		padding-top: 100px;
		padding-bottom: 30px;
	}
}