/* Navbar flex fix */
  header .navbar {
    padding: 8px 0 !important;
  }

    header .navbar .container-fluid {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-height: auto ;
    padding: 0 16px !important;
  }
  /* Logo + Brand wrapper */
  header .navbar > .container-fluid > div:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

 header .navbar img#logo {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
  /* Brand link */
  header .navbar .navbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    position: static !important;
  }

  /* Brand h2 text */
  header .navbar .navbar-brand h2 {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    position: static !important;
  }
  /* Desktop view only */
  @media (min-width: 992px) {
    header .navbar .container-fluid {
      padding: 0 40px !important;
      align-items: center !important;
    }

    header .navbar img#logo {
    width: 110px;
    height: 110px;
  }

    header .navbar .navbar-brand h2 {
      font-size: 22px !important;
    }
    header .navbar > .container-fluid > div:first-child {
    margin-left: 20px; /* adjust value (20–40px) */
  }
    
  }