#navbar-wrapper {
  @media (max-width: $screen-sm-max) {
    & {
      position: relative;
      height: 90px;
    }

    #navbar {
      position: relative;
      z-index: 100;
      height: 90px;
      background: var(--white);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
  }

  @media (min-width: $screen-md-min) {
    & {
      display: none;
    }
  }
}

// open
body.menu-open {
  #navbar-wrapper {
    #navbar {
      position: fixed;
      top: 0;
      width: 100%;
      height: 90px;
    }
  }
}
