.brand-logo {
  display: block;
  flex: 0 0 auto;
  filter: drop-shadow(0 5px 12px rgba(212, 165, 76, .22));
  height: 58px;
  object-fit: contain;
  transition: filter .2s ease, transform .2s ease;
  width: 58px;
}

.brand:hover .brand-logo,
.brand:focus .brand-logo {
  filter: drop-shadow(0 7px 18px rgba(212, 165, 76, .42));
  transform: translateY(-1px);
}

.footer .brand-logo {
  height: 66px;
  width: 66px;
}

@media (max-width: 600px) {
  .brand-logo {
    height: 50px;
    width: 50px;
  }
}