.brand__logo {
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
  object-fit: contain;
}

.brand__logo--footer {
  width: 104px;
  height: 104px;
}

footer {
  background: var(--cream);
  color: #435d74;
  border-top: 1px solid rgba(7, 59, 120, 0.12);
}

footer .brand,
footer .footer-title,
footer a {
  color: var(--navy);
}

footer a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

footer .copyright {
  color: #526b80;
  border-top-color: rgba(7, 59, 120, 0.14);
}

@media (max-width: 800px) {
  .brand__logo {
    width: 82px;
    height: 82px;
  }

  .brand__logo--footer {
    width: 92px;
    height: 92px;
  }
}