/* Footer layout and branding. */

footer {
  width: 100%;
  min-height: 20vh;
  margin-top: 2em;
  border-top: 1px solid rgb(190, 163, 7);
  background:
    radial-gradient(circle at 20% 0%, rgba(216, 156, 59, 0.2), transparent 28rem),
    radial-gradient(circle at 80% 8%, rgba(255, 174, 98, 0.14), transparent 30rem),
    linear-gradient(145deg, #120d0cdf 0%, #513734df 52%, #4a2b2bdf 100%);
}

footer .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 3.5vh;
}

.footer-logo {
  height: 4em;
  filter: drop-shadow(0 0 4px #225164);
}

.footer-brand-letter {
  color: #004aad;
  font-size: x-large;
  font-weight: 700;
}