.microsite-header__logo {
  max-width: 10rem;
}

@media screen and (min-width: 900px) {
  .microsite-header__logo {
    max-width: var(--header-logo-width);
  }
}

.microsite-header__main {
  align-items: end;
}

.microsite-header__menus {
  display: none;
}

@media screen and (min-width: 900px) {
  .microsite-header__menus {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0;
  }
}

.microsite-header__off-canvas {
  display: block;
}

@media screen and (min-width: 900px) {
  .microsite-header__off-canvas {
    display: none;
  }
}