.site-header .brand-copy small,
.footer-brand-lockup > div > small {
  display: block;
  max-width: 180px;
  white-space: normal;
  line-height: 1.15;
  text-wrap: balance;
}
.site-header .brand-copy small[dir="rtl"],
.footer-brand-lockup > div > small[dir="rtl"] {
  text-align: right;
}
@media (max-width: 520px) {
  .site-header .brand-copy small,
  .footer-brand-lockup > div > small {
    max-width: 132px;
    font-size: .78em;
  }
}