.brand { min-width: 0; flex: 0 0 auto; }
.brand .total-accounting-logo { display: block; width: 300px; max-width: 100%; height: auto; }
.site-footer .brand-footer { display: block; width: min(100%, 340px); }
.site-footer .brand-footer .total-accounting-logo { width: 100%; height: auto; }
@media (min-width: 821px) and (max-width: 1100px) {
  .site-header .brand .total-accounting-logo { width: 250px; }
  .site-header .nav-wrap { gap: 16px; }
  .site-header .primary-nav { gap: 12px; }
}
@media (max-width: 820px) {
  .site-header .brand .total-accounting-logo { width: 250px; }
}
@media (max-width: 380px) {
  .site-header .brand .total-accounting-logo { width: 215px; }
}