.brand {
  align-items: center;
  color: inherit;
  display: flex;
  height: 72px;
  min-width: 230px;
  overflow: hidden;
  text-decoration: none;
  width: 230px;
}

.brand-logo-crop {
  display: block;
  flex: none;
  height: 72px;
  overflow: hidden;
  position: relative;
  width: 230px;
}

.brand-logo-crop img {
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 510px;
}

.footer-brand { min-height: 72px; }
.footer-logo { width: 230px; }
.footer-logo img { width: 510px; }

@media (max-width: 680px) {
  .brand { height: 60px; min-width: 180px; width: 180px; }
  .brand-logo-crop { height: 60px; width: 180px; }
  .brand-logo-crop img { width: 430px; }
}