.header-container{display:flex;align-items:center;width:100%;height:100%;padding-left:var(--page-inline);padding-right:var(--page-inline);padding-top:.75rem;padding-bottom:.75rem}.header-container .logo{height:100%;flex:0 1 auto;order:1}.header-container .logo a{display:block}.header-container .logo svg{display:block;width:auto;height:3.5rem}.menu{font-style:normal;line-height:1.25rem;text-align:center;color:#fff;height:100%;flex:1 1 auto;order:2}.menu nav{width:100%;display:flex;justify-content:center;align-items:center}.menu a{color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.menu a:not(.button):hover{color:var(--orange)}.menu .menu-contact,.header-container .icon,.header-container .icon.hidden{display:none}.header-container .button-groups{display:flex;flex:0 1 auto;justify-content:flex-end;align-items:center;height:100%;order:3}@media screen and (max-width: 830px){.menu{display:none}header a.button{display:none}.header-container .icon{float:right;display:block}.header-container{flex-wrap:wrap}.header-container .logo{height:100%;flex:50%}.header-container .button-groups{order:2;flex:50%}.menu.responsive{display:block;flex:100%;order:3;height:100vh}.menu.responsive nav{width:100%;display:flex;flex-direction:column;align-items:center}.menu.responsive a:not(.button){float:none;display:block;text-align:center;width:100%;font-size:2rem;line-height:4.5rem}.menu.responsive .menu-contact{display:inline-flex;margin-top:1.5rem;padding:.875rem 2.5rem;font-size:1.25rem}}
