.brand-logo {
  background: rgba(255, 253, 247, .96);
  padding: .48rem .72rem;
  border-radius: 4px;
  box-shadow: 0 6px 24px #081a2420;
}

.brand-logo img {
  width: 265px;
  height: auto;
}

.contact-mark {
  display: block;
  width: min(100%, 540px);
  background: var(--paper);
  border-radius: 8px;
  padding: .9rem 1.1rem;
  margin: 0 0 2.5rem;
}

.footer {
  background: var(--cream);
  color: var(--navy);
  border-top-color: #1532461c;
}

.footer-logo img {
  display: block;
  width: 360px;
  max-width: 100%;
  height: auto;
}

.footer p {
  color: var(--navy);
}

@media (max-width: 850px) {
  .brand-logo {
    padding: .38rem .52rem;
  }

  .brand-logo img {
    width: 195px;
  }

  .contact-mark {
    width: 100%;
    padding: .65rem .8rem;
  }

  .footer-logo img {
    width: min(100%, 320px);
  }
}