.header-nav{align-items:center;display:grid;grid-template-columns:200px 1fr;width:100%}.nav-wrapper{box-sizing:border-box;padding:24px 0;position:relative;width:100%;z-index:100}.logo-wrapper{width:180px}.nav-login a,.nav-signup a{border-radius:4px;padding:10px 24px 8px;text-decoration:none;transition:.25s}.nav-wrapper .menu-wrapper ul .nav-login a{background:#fff;color:#0a6cb9}.nav-wrapper .menu-wrapper ul .nav-login a:hover{background:#c0e2fc}.nav-wrapper .menu-wrapper ul .nav-signup a{background:#0a6cb9;color:#fff}.nav-wrapper .menu-wrapper ul .nav-signup a:hover{background:#064474}.menu-wrapper{justify-self:end}.menu-wrapper ul{margin-bottom:0}.menu-wrapper ul li{display:inline;margin:auto 12px;padding:8px 0;position:relative}.menu-wrapper ul li a{color:#fff}#site-logo #logo-text{fill:#282929}#site-logo #bar1{fill:#0a6cb9}#site-logo #bar2{fill:#ffc33d}#site-logo #bar3{fill:#cd2d1f}@media screen and (max-width:570px){ul.menu{padding:0}}@media screen and (max-width:530px){.header-nav{grid-template-columns:1fr;justify-items:center}.menu-wrapper{justify-self:center}}