nav{background-color:#302f2f;top:-1px;position:sticky;margin-bottom:10px;margin-left:-8px;margin-right:-8px;}
nav ul{overflow:hidden;color:inherit;padding:0;text-align:center;margin:0;transition:max-height 0.4s;-webkit-transition:max-height 0.4s;-ms-transition:max-height 0.4s;-moz-transition:max-height 0.4s;-o-transition:max-height 0.4s;}
nav ul li{display:inline-block;}
nav a{font-size:1.2em;cursor:pointer;font-weight:bolder;display:block;padding:20px;}
.navMenu{width:100%;background-color:#222222;text-align:left;box-sizing:border-box;padding:15px 10px;cursor:pointer;color:#03a9f4;display:none;box-shadow:0 1px 58px #03a9f4;;}
@media screen and (max-width:768px){nav ul{max-height:0;}
.showing{max-height:25em;}
nav ul li{box-sizing:border-box;width:100%;text-align:left;}
nav a{padding:15px;}
.navMenu{display:block;}
}
@media screen and (max-width:680px){}
@media screen and (max-width:480px){}
@media screen and (max-width:320px){}
@media screen and (orientation:landscape){.showing{max-height:16em;overflow:auto;}}
.button{display:inline-block;cursor:pointer;float:right;margin-top:-35px;}
.bar1, .bar2, .bar3{width:40px;height:5px;background-color:#03a9f4;border:1px solid #03a9f4;border-radius:4px;margin:6px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-12px, -9px);transform:rotate(45deg) translate(-12px, -9px);}
.menuText{margin:0;font-size:x-large;color:#03a9f4;font-weight:600;}