.topbar{display:flex;padding:16px 0;position:fixed;transition:background-color .35s ease-in-out;width:100%;z-index:2}.topbar.is-active{background-color:#222}.nav{display:flex;padding:0 32px}.nav__left{display:flex;flex:auto;justify-content:center}.nav__right{display:none}@media(min-width:600px){.nav__left{justify-content:flex-start}.nav__right{display:block}}.nav__right ul{align-items:center;display:flex;flex-direction:row}.nav__right li:not(:last-child){margin-right:16px}.nav__right a{color:#fff;font-family:helveticaneue-condensedbold,helvetica neue;font-stretch:condensed;font-size:14px;font-weight:700;opacity:1;text-decoration:none;text-transform:uppercase;transition:opacity .35s ease-in-out}.nav__right a:hover{opacity:.5}