/* --- 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: #3E4A57;
}

#nav .container .content .links li a.dropdownArrow{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjI5My43OTNBMSAxIDAgMDExLjYxMy43MWwuMDk0LjA4M0w1IDQuMDg1IDguMjkzLjc5M0ExIDEgMCAwMTkuNjEzLjcxbC4wOTQuMDgzYTEgMSAwIDAxLjA4MyAxLjMybC0uMDgzLjA5NC00IDRhMSAxIDAgMDEtMS4zMi4wODNsLS4wOTQtLjA4My00LTRhMSAxIDAgMDEwLTEuNDE0eiIgZmlsbD0iIzNFNEE1NyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+");
}

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

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


#hero{
	padding: 100px 0 0 0;
}

#hero .container h1{
	font-size: 46px;
	padding-top: 60px;
	padding-bottom: 25px;
}

#hero .container h2{
	font-size: 20px;
	padding-bottom: 65px;
	line-height: 28px;
}

#hero  .container .button{
	min-width: 175px;
}

#softSell{
	padding-bottom: 85px;
}

#softSell .container img{
	height: 90px;
}

#softSell .container h2{
	padding: 30px 0 20px 0;
}

#softSell .container  .columns .column .panel{
	padding-top: 35px;
	padding-bottom: 35px;
}




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

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

@media all and (max-width: 768px){
	#hero{
		text-align: center;
		padding: 30px 0 0 0;
	}

	#hero .container h1{
	  font-size: 36px;
	  text-align: center;
	  padding-top: 50px;
	}

	#hero .container h2{
	  font-size: 18px;
	  padding-bottom: 35px;
	  text-align: center;
	}

	#softSell{
		padding-bottom: 60px;
	}
}