/* Use the supplied wordmark unchanged in both languages. */
.wordmark { flex-shrink: 0; max-width: 100%; }
.wordmark .brand-wordmark { display: block; width: 220px; height: auto; }
.site-footer .brand-wordmark { width: 200px; }
@media (max-width: 600px) {
  .site-header .brand-wordmark { width: 165px; }
  .site-footer .brand-wordmark { width: 175px; }
}
@media (max-width: 360px) {
  .site-header .brand-wordmark { width: 145px; }
}