/* Official i-XALL logo in the header and footer (replaces the CSS-drawn mark + wordmark). */
.brand-logo { display: block; height: 32px; width: auto; }
.brand-tagline { font-size: 9px; color: #8696ab; white-space: nowrap; align-self: flex-end; padding-bottom: 2px; }
.footer-logo .brand-logo { height: 30px; }

/* The header is a tight fit at laptop widths: trim the nav gap a little and drop the tagline first. */
@media (max-width: 1500px) {
  .desktop-nav { gap: 24px; }
}
@media (max-width: 1299px) {
  .brand-tagline { display: none; }
}
@media (max-width: 720px) {
  .brand-logo { height: 28px; }
}