.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #16083e;
  font-size: 1.15rem;
  font-weight: 650;
  line-height: 1.05;
  margin-right: auto;
}

.brand small {
  display: block;
  margin-top: 5px;
  color: #4f916a;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.brand img.brand-logo {
  display: block;
  width: 168px;
  height: auto;
  max-height: 77px;
  object-fit: contain;
}

.brand-mark {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: #78b28e;
  color: #fff;
  font-size: .9rem;
  letter-spacing: .04em;
}

.footer-brand {
  color: #fff;
  margin-bottom: 24px;
}

.footer-brand .brand-logo {
  padding: 4px;
  border-radius: 5px;
  background: #fff;
}

.footer-brand small { color: #b8d7c4; }

@media (max-width: 620px) {
  .brand { font-size: 1rem; }
  .brand-mark { width: 44px; height: 44px; }
  .brand img.brand-logo { width: 128px; max-height: 59px; }
}