#header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    top: 40px;
  }
  
  #header.header-scrolled {
    top: 0;
  }
  
  @media (max-width: 992px) {
    #header {
      top: 0;
    }
    #header .logo {
      font-size: 28px;
    }
  }