/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::after,::before{box-sizing:border-box}
html{line-height:1.4;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}
body{margin:0;font-family:Verdana,system-ui,-apple-system,'Segoe UI',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}
hr{height:0;color:inherit}
abbr[title]{text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
table{text-indent:0;border-color:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}
:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}

/* site styles */
body{background-color:#f9f9ff;}
body,section,div#wrapper,#banner-image,#map,.section-img{overflow-x:hidden;}
div#wrapper{margin:auto;max-width:920px;min-width:320px;padding:0;}
div#content{background-color:white;margin:0;padding:0 4px;}
footer,header,nav,section{max-width:776px;margin:auto;}
h1,h2,h3,h4,#menu a{line-height:1.15;font-family:filson-pro,Verdana,system-ui,-apple-system,Arial,sans-serif}
h1{font-size:3.8rem;margin:0.5rem 0 1.5rem;}
h2{font-size:2.2rem;margin:1.5rem 0;}
h3{font-size:1.6rem;margin:1.0rem 0;}
h4{font-size:1.15rem;margin:0.5rem 0;}
li{margin:0.2rem 0;}
p{margin:0.6rem 0;}
ul{padding-left:23px;margin:0.5rem 0;}
#banner-band{height:2.1rem;background-color:#568d52;}
#banner-image{max-height:236px;overflow:hidden;background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC) no-repeat scroll left top;}
#banner-image img{width:920px;}
#fdoh-logo,#main-logo{margin:0.5rem 0 2rem;}
#fdoh-logo img, #main-logo img{width:100%;}
#fdoh-logo{float:right;width:104px;}
#main-logo{width: 464px;}
#main-logo,#mobile-menu,#mobile-spacer{float:left;}
#map{max-width:600px;margin:0 auto 3rem;position:relative;}
#map iframe{border:none;width:100%;height:450px;}
#map-loading{position:absolute;top:0;left:0;}
#map-loading img:last-child{position:absolute;top:45px;left:160px;}
#menu a{font-weight:500;color:white;background-color:#568d52;text-align:center;}
#menu{height:2.4rem;margin-bottom:2rem;clear:both;white-space:nowrap;overflow:hidden;transition:height 0.4s;}
#menu>span{display:inline-block;font-size:4px;width:19px;}
#menu a{display:inline-block;padding:0.6rem 0;width:calc(16.810345% + 9.551px);text-decoration:none;}
#menu a:first-child{margin-left:0;}
#menu a:hover, #menu a:active, #menu a.active{text-decoration:underline;}
#mobile-menu{display:none;width:calc(3.448% + 19.243px);}
#mobile-menu div{height:4px;background-color:#00a0af;margin-bottom:6px;transition:0.4s;}
#page-intro{margin-bottom:1.5rem;}
.center{text-align:center;}
.cyan{color:#00a0af;}
.cyanlight{color:#7ed0e0;}
.cyanpale{color:#cff0fa;}
.gold{color:#ffcc6f;}
.green{color:#568d52;}
.no-bull{list-style-type:none;}
.section{margin-bottom:3rem;}
.section-img.center{display:flex;justify-content:center;}
.section-img.center img{width:776px;}
.section-video{max-width:600px;margin:auto;}
.section-video iframe{border:0;height:315px;width:100%;}
.subsection{margin-bottom:1.5rem;}
@media only screen and (max-width: 775px){
    #fdoh-logo,#main-logo{margin:0.5rem 0;}
    #fdoh-logo{width:calc(14% + 15px);}
    #main-logo{width:calc(70% - 10px);}
    #menu{height:0;margin-bottom:0;}
    #menu.open{height:12.25rem;}
    #menu a{display:block;margin-bottom:1px;width:100%;}
    #menu span{display:none;}
    #mobile-menu{cursor:pointer;display:block;margin-top:1.7rem;}
    #mobile-menu.open div{transform:rotate(-180deg);}
    #mobile-spacer{width:calc(3.448% - 4.756px);}
}
@media only screen and (max-width: 640px){
    #mobile-menu{margin-top:1.5rem;}
}
@media only screen and (max-width: 547px){
    #mobile-menu{margin-top:1.0rem;}
    .section-video iframe{height:274px;}
}
@media only screen and (max-width: 414px){
    #mobile-menu{margin-top:0.6rem;}
    .section-video iframe{height:204px;}
}
