#navMain .columns.logoBox { margin: 0 auto }
.hero h1 { color: white; font-size: 5rem }
img.tagline { width: 700px; margin: 0 auto; border-radius: 0 }
.content h2 { margin-bottom: 20px }
h5 { color: #1f5137; margin-bottom: 2px; margin-top: 25px; font-weight: 700; font-size: 1.1rem }
p strong { font-weight: 600; font-style: normal }
.button { padding: 15px 22px 12px; margin-right: 10px; font-weight: 600 }
body.narrow .hero .row { max-width: 100% }
.sidebar .button { margin: 20px 0 }
.fui-i form { background: white; padding: 30px; margin-bottom: 40px; border-radius: 30px }
button[type=submit] { padding: 10px 22px }
.fui-i form textarea { min-height: 130px }
img:not(.hero-img):not(.tagline) { border-radius: 20px }
img.img-float-right { border-radius: 0 }
#navMain img.logo { transition: all .2s }
#navMain .logoBox:hover img.logo { scale: 1.1 }
body.drawer .doubledouble .line { background-color: white }
#drawerNav { background-color: #1f5137 }
#drawerNav ul li a { line-height: 3em; font-size: 1.2rem }
body.supporters p { margin-bottom: 0 }
.fui-legend, .fui-label { font-weight: 700 !important }

.accordion-title { padding-bottom: 10px }
.accordion-title p { line-height: 1.2 }
.accordion-title, :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #1f513770 }
.accordion-content { padding-top: 10px }
.accordion-content ul { margin-top: -15px }


#homeFeature {
	 min-height: 400px
}
#homeFeature .hero-content {
	 position: relative;
	 z-index: 2;
	 min-height: 400px;
	 display: flex;
	 align-items: center;
	 width: 100%
}

@media only screen and (min-width: 40.063em) {
	#homeFeature, #homeFeature .hero-content { min-height: 480px }
	.hero { height: 480px }
	.hero h1 { color: white; font-size: 10rem; margin-bottom: 60px }
	#navMain img.logo { width: 120px }
	#navMain #primary { position: relative; top: -95px }
	#navMain #primary ul { width: 100%; padding: 0 15px }
	#navMain #primary ul li { margin: 0 10px }
	#navMain #primary ul li:nth-of-type(3), #navMain #primary ul li:nth-of-type(4), #navMain #primary ul li:nth-of-type(5) { position: relative; float: right }
	#navMain #primary ul li:last-of-type { margin-right: 10px }
	#navMain #primary ul li:nth-of-type(3) { margin-right: 0 }
	body.narrow #navMain .row { max-width: 72rem }
	.slide.hero.drop, .hero.drop { margin-top: 90px !important }
	.sidebar { padding-top: 50px }
}

@media only screen and (min-width: 64em) {
	#navMain img.logo { width: 160px }
	#navMain #primary { top: -115px }
	#navMain #primary ul li { margin: 0 30px }
	#navMain #primary ul li:last-of-type { margin-right: 30px }
	#navMain #primary ul { padding: 0 60px }
	.slide.hero.drop, .hero.drop{ margin-top: 130px !important }
}