.pro-header .brand-mark,
.pro-footer .footer-intro .brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  object-fit: contain;
  transition: transform .18s ease;
}

.pro-footer .footer-intro .brand-mark {
  width: 42px;
  height: 42px;
}

.pro-header .brand:hover .brand-mark,
.pro-footer .footer-brand:hover .brand-mark {
  transform: translateY(-1px);
}

.pro-header .brand-copy strong,
.pro-footer .footer-brand > span:last-child {
  letter-spacing: -.045em;
}

@media (max-width: 560px) {
  .pro-header .brand-mark {
    width: 40px;
    height: 40px;
  }
}