.site-header{position:relative;background-color:rgba(128,128,128,.506);width:100%;height:max-content;z-index:1}.site-header__wrapper{padding-top:1em;padding-bottom:1em}.brand{font-weight:700;padding-left:1em;font-size:1.4em}.nav__item a{color:#fff;display:block;padding:1.5em 1em}.nav__item a:hover{color:#5f9ea0}.nav__toggle{display:none}@media (min-width:800px){.site-header__wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}}@media (min-width:800px){.nav__wrapper{display:flex}}@media (max-width:799px){.nav__wrapper{text-align:center;position:absolute;top:100%;right:0;left:0;z-index:10;visibility:hidden;opacity:0;transform:translateY(-100%);transition:transform .3s ease-out,opacity .3s ease-out;background-color:#b3b3b3}.nav__wrapper.active{visibility:visible;opacity:1;transform:translateY(0);background-color:#b3b3b3}}@media (max-width:799px){.nav__toggle{display:block;position:absolute;right:1em;top:1em}}