@layer layout {
  .container {
    padding: 0 1.875rem;
  }
  @media (min-width: 850px) {
    .container {
      padding: 0 3.125rem;
    }
  }
  @media (min-width: 1360px) {
    .container {
      width: 80%;
      min-width: 71.25rem;
      margin: 0 auto;
      padding: 0;
    }
  }
  @media (max-width: 849px) {
    #navbar-collapse {
      display: none;
    }
    #navbar-collapse .container {
      padding: 0 3.125rem;
    }
    body.menu-open {
      overflow: hidden;
    }
    body.menu-open #navbar-collapse {
      position: fixed;
      z-index: 1000;
      top: 5.625rem;
      left: 0;
      display: flex;
      overflow-y: auto;
      flex-direction: column;
      width: 100%;
      height: calc(100% - 5.625rem);
      padding-top: 3.125rem;
      color: var(--white);
      background: var(--primary);
    }
    body.menu-open #navbar-collapse #header {
      order: 2;
    }
    body.menu-open #navbar-collapse #menu {
      order: 1;
    }
  }
}