/* Display the supplied transparent PNG intact, in its original proportions. */
.header .wordmark,
.footer .wordmark {
  display: block;
  flex: none;
  width: 158px;
  line-height: 0;
  letter-spacing: normal;
}
.wordmark img,
.about-brand img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.about-brand { width: 200px; flex: none; line-height: 0; }
@media (max-width: 620px) {
  .header .wordmark { width: 112px; }
  .footer .wordmark { width: 140px; }
  .about-brand { width: 166px; }
}
@media (max-width: 380px) {
  .header .wordmark { width: 94px; }
  .header nav { gap: 9px; font-size: 11px; }
}