.brand .brand-mark {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 50%;
}
.brand .brand-name { align-items: center; }
.brand .brand-wordmark { display: block; width: 138px; height: auto; flex-shrink: 0; }
.brand .brand-copy > small { margin-top: 7px; font-size: 7px; letter-spacing: 2px; }
@media (max-width: 760px) {
  .brand .brand-mark { width: 40px; height: 40px; }
  .brand .brand-wordmark { width: 110px; }
  .brand .brand-copy > small { margin-top: 5px; font-size: 6px; letter-spacing: 1.4px; }
}