.Header-contentWrapper {
  max-width: calc(var(--site-width, 120rem) + 2 * var(--site-padding, 8rem));
  padding-left: var(--site-padding, 8rem);
  padding-right: var(--site-padding, 8rem);
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .Header-contentWrapper {
      padding-left: var(--site-padding-mobile, 20px);
      padding-right: var(--site-padding-mobile, 20px); } }

.Header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: var(--header-bg-color);
  z-index: 100;
  transition: box-shadow 0.3s ease-in-out 0s; }
  .Header, .homepage.js-scrolled .Header {
    box-shadow: 0 3px 21px rgba(0, 0, 0, 0.05); }
  .homepage .Header {
    box-shadow: none; }
  .Header-contentWrapper {
    display: flex;
    align-items: center;
    min-height: 8.6rem; }
    @media (max-width: 767px) {
      .Header-contentWrapper {
        min-height: 7.6rem; } }
  .Header-logo img {
    max-height: 7.8rem;
    max-width: 28rem;
    width: auto;
    height: auto; }
  @media (max-width: 767px) {
    .Header-logo {
      max-width: 50%; }
      .Header-logo img {
        max-width: 100%; } }
  .Header-menus {
    margin-left: auto; }
    @media (max-width: 767px) {
      .Header-menus {
        position: fixed;
        overflow: auto;
        background: var(--header-bg-color);
        padding: 20px;
        top: 7.6rem;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in 0s, transform 0.3s ease-in 0s, visibility 0s ease-in 0.3s; }
        .toolbar-vertical .Header-menus {
          top: calc(7.6rem + 39px); }
        .js-nav-opened .Header-menus {
          opacity: 1;
          visibility: visible;
          transition-delay: 0s; } }
  .Header-burger {
    margin-left: auto;
    cursor: pointer;
    border: none;
    color: var(--primary-color);
    background: none; }
    .Header-burger::before {
      content: '\f0c9';
      font-family: "Font Awesome 5 Pro";
      font-size: 3rem;
      font-weight: 300; }
      .js-nav-opened .Header-burger::before {
        content: '\f00d'; }
    @media (min-width: 768px) {
      .Header-burger {
        display: none; } }

/*# sourceMappingURL=header.css.map */