/* Geometric S: one scalable identity for every branded surface. */
.sd-site-logo { display: block; width: 240px; max-width: 100%; height: auto; }
.sd-reference-header .brand-logo { flex: 0 1 250px; min-width: 0; }
.sd-reference-header .sd-site-logo { width: 250px; }
.footer-logo .sd-site-logo { width: 260px; }
.er-cover-brand .sd-site-logo { width: 190px; }
.er-page-kicker .sd-site-logo { width: 78px; align-self: center; }
@media (max-width: 1100px) {
  .sd-reference-header .brand-logo { flex-basis: 200px; }
  .sd-reference-header .sd-site-logo { width: 200px; }
}
@media (max-width: 480px) {
  .sd-reference-header .brand-logo { flex-basis: 210px; }
  .sd-reference-header .sd-site-logo { width: 210px; }
  .footer-logo .sd-site-logo { width: 230px; }
}