/* One footer layout for the homepage and all detail pages. */
footer.contact-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  padding: 38px clamp(22px, 8vw, 132px);
  background: #042f4b;
  color: #abc5d0;
  font-size: 12px;
}
footer.contact-footer .brand { justify-self: start; }
footer.contact-footer .brand-symbol { width: auto; height: 44px; }
footer.contact-footer .footer-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  font-size: 12px;
  color: #abc5d0;
}
footer.contact-footer .footer-copyright { justify-self: end; text-align: right; }
footer.contact-footer a:focus-visible { outline: 3px solid #fb9708; outline-offset: 4px; }
@media (max-width: 1100px) {
  footer.contact-footer { grid-template-columns: 1fr; gap: 24px; }
  footer.contact-footer .footer-contact { justify-content: flex-start; }
  footer.contact-footer .footer-copyright { justify-self: start; text-align: left; }
}
@media (max-width: 560px) {
  footer.contact-footer { padding: 38px 20px; }
  footer.contact-footer .footer-contact { flex-direction: column; align-items: flex-start; gap: 8px; }
}