nav#mainmenu {
    position: fixed;
    top: -100px;
    overflow: hidden;
    width: 1px; height: 1px;
    display: none;
}

#subheader {
    flex-wrap: wrap;
}

#subheader .wrapper {
    align-items: center;
}
#mobilenav { }
#mobilenav ul {    }
#mobilenav ul li { margin: 0 0 2px ; }

#mobilenav ul li a,
#mobilenav ul li a:link,
#mobilenav ul li a:visited { display: block;  color:#666666; background: rgba(196,196,196,.7); transition: all 0.2s ease; }

#mobilenav ul li a { padding-top: 1em; padding-bottom: 1em; }

#mobilenav ul li a:hover,
#mobilenav ul li a:active,
#mobilenav ul li a:target
{ color:#666666; background: #fee433; }

#mobilenav ul li a { padding-left: 48px; padding-right: 48px; max-width: 1440px;}

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

    #mobilenav ul li a { padding-left: 36px; padding-right: 36px; }

}
@media all and (max-width: 599px) {
    #mobilenav ul li a { padding-left: 24px; padding-right: 24px; }

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

    #mobilenav ul li a { padding-left: 16px; padding-right: 16px; }

}



#mobilenav ul li,
#hamburger {
     font-size: 1.6rem; font-weight: 600;
}

#hamburger {
    display: flex; align-content: center; align-items: center; margin:0 0 0 auto;
}

#hamburger span::after {
    content: "Menu";
}
#hamburger b { display: inline-block; width: 14px; height: 14px; margin-left: 10px;
    position: relative; top: -0.05em;  transition: all 0.2s ease;  transform: scale(1.5);}

#hamburger i,
#hamburger b::before,
#hamburger b::after { display: block; content:""; width: 100%; height: 2px; background:#000; position: absolute; transition: all 0.2s ease; }

#hamburger b i { top: 6px; }

#hamburger b::before { top: 0;
    z-index: 2; }
#hamburger b::after { top: 12px; }
#hamburger b {
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 1) 6px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 8px, rgba(255, 255, 255, 1) 8px);*/
}

body.navshown #hamburger b::before { transform: rotate(45deg); top: 50%; }
body.navshown #hamburger b::after{ transform: rotate(-45deg); top: 50%;}

body.navshown #hamburger b {
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 1) 6px, rgba(255, 255, 255, 1) 8px);*/
}
body.navshown #hamburger b i { top: 6px;background: white; /*transform: scale(0.5)*/;)  }


body.navshown #hamburger span::after {
    content: "Close";
}

#mobilemenu {

    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    visibility: hidden;
}
#mobilemenu ul{


}

body.navshown #mobilemenu {
    max-height: 30rem;
    visibility: visible;
}