header{background:#22333b;display:inline-block;width:100%;padding:10px}header.fixed{position:fixed;top:0;left:0;right:0;z-index:20;transition:transform .3s;transform:translateY(-100%)}header.fixed.scrolled{transform:translateY(0)}header div.header{width:100%;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}header a.logo{float:left}header a.logo img{height:100px}header a.logo:hover{opacity:.9}header a.logo:active{opacity:.75}header div.nav{margin:0;margin-right:30px;float:right}header div.nav a{margin:0;color:#fff;text-decoration:none;font-family:"Mouse Memoirs";font-size:45px;padding:0 10px;padding-bottom:12px;margin:0 10px}header div.nav a:hover{opacity:.9}header div.nav a:active{opacity:.75}header a.close-button,header a.menu{display:none}@media only screen and (max-width:1000px){header a.logo img{height:80px}header div.nav{margin-right:0}header div.nav a{display:none}header div.nav a.menu{display:block;padding:10px}header div.nav a.menu img{height:45px}header.active{transform:none;position:fixed;text-align:center;inset:0;z-index:25}header.active.fixed{transform:none}header.active.fixed.active{transform:none}header.active div.nav a.menu{display:none!important}header.active div.header{display:block;text-align:center}header.active div.header a.logo{width:100%;margin:10px auto;float:none}header.active div.header a.logo img{height:auto;width:80%;max-width:600px}header.active div.header div.nav{margin-top:50px;float:none;display:block}header.active div.header div.nav a{display:block;width:100%;font-size:60px;padding:16px}}@media only screen and (max-width:1000px) and (max-height:750px){header.active div.header div.nav a{padding:7px;font-size:45px}}@media only screen and (max-width:1000px){header.active div.header a.close-button{display:block;position:absolute;bottom:25px;left:25px;right:25px;border-radius:5px;background:#fff;width:calc(100% - 50px);text-decoration:none;font-family:"Red Hat Display";font-weight:800;font-size:34px;color:#22333b;padding:10px 16px}header.active div.header a.close-button:hover{opacity:.9}header.active div.header a.close-button:active{opacity:.75}}