:root {
  --brand-navy: #0b132b;
  --brand-blue: #0057ff;
  --brand-teal: #00b2c3;
  --brand-green: #00e676;
  --accent: #00b2c3;
  --accept: #00e676;
}

.site-header {
  background: rgba(11, 19, 43, 0.92);
}

.brand.brand-logo {
  min-width: 0;
  gap: 0;
}

.brand-logo-image {
  display: block;
  width: 176px;
  height: auto;
  max-height: 52px;
  object-fit: contain;
}

.footer-brand.footer-brand-logo {
  display: inline-flex;
  width: fit-content;
}

.footer-brand-logo-image {
  display: block;
  width: min(248px, 100%);
  height: auto;
  object-fit: contain;
}

.brand-logo-image,
.footer-brand-logo-image {
  image-rendering: auto;
}

@media (max-width: 980px) {
  .brand-logo-image {
    width: 164px;
  }
}

@media (max-width: 640px) {
  .brand-logo-image {
    width: 150px;
    max-height: 46px;
  }

  .footer-brand-logo-image {
    width: min(224px, 100%);
  }
}