/* ---------------------------------------------------------------
   Header alignment
   The header now shares the page's .container, so the logo lines up
   with page content at every width instead of hugging the viewport.
   These tweaks keep the nav inside that narrower container.
   --------------------------------------------------------------- */

@media (min-width: 1200px) {
  .fixed-header .navbar-brand {
    margin-right: 1.25rem !important;
  }

  .fixed-header .navbar-nav .nav-link {
    padding-left: .45rem;
    padding-right: .45rem;
  }

  /* right-hand CTA cluster */
  .fixed-header .navbar-nav .btn-sm {
    padding-left: .75rem;
    padding-right: .75rem;
  }
}

@media (min-width: 1400px) {
  .fixed-header .navbar-brand { margin-right: 2.5rem !important; }
  .fixed-header .navbar-nav .nav-link {
    padding-left: .8rem;
    padding-right: .8rem;
  }
}