/* --- 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 .section{
	padding-top: 120px;
	padding-bottom: 70px;
	position: relative;
	z-index: 1;
}

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

#hero .section .container img{
	height: auto;
}

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


#whatIs .container{
	position: relative;
}

#whatIs .container .columns{
	position: relative;
	z-index: 1;
}

#whatIs .container .shape{
	position: absolute;
	top: -16%;
	right: -36%;
	height: 1000px;
	z-index: 0;
}

#howIs .checklist{
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 36px;
	border: 1px solid #6d87b4;
}

#howIs .checklist ul li{
	border-color: #6d87b4;
}



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

@media all and (max-width: 960px){
	#whatIs .container .shape{
		top: -35%;
		right: -43%;
		height: 800px;
		transform: rotate(28deg);
	}
}

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

	#hero .section .container img{
		margin-bottom: 50px;
	}

	#whatIs .container .shape{
		top: -72%;
		right: -71%;
	}
}