.contact-footer{
  background:#f5f1ed;
  border-top:1px solid rgba(68,71,74,.16);
  color:#44474a;
  padding:30px clamp(24px,4vw,64px);
  font-family:"DM Sans",Arial,sans-serif;
}
.contact-footer-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.contact-footer-contact{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#786638;
  letter-spacing:.08em;
  text-transform:none;
}
.contact-footer a{
  color:inherit;
  text-decoration:none;
}
.contact-footer a:hover,
.contact-footer a:focus-visible{
  color:#9d8140;
  text-decoration:underline;
  text-underline-offset:4px;
}
.contact-footer-cities{text-align:right;color:#8c7950}
.contact-footer-nav{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px 40px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(68,71,74,.12);
}
.about-contact-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 11px;
  margin-top:15px;
  font:400 10px/1.5 "DM Sans",Arial,sans-serif;
  letter-spacing:.05em;
  color:#6e7759;
}
.about-contact-links a{color:inherit;text-decoration:none}
.about-contact-links a:hover,
.about-contact-links a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.qf-direct-contact{
  background:#f5f1ed;
  border-top:1px solid rgba(68,71,74,.13);
  padding:30px 24px 32px;
  text-align:center;
}
.qf-direct-contact p{
  margin:0 0 9px;
  font:500 10px/1.3 "DM Sans",Arial,sans-serif;
  letter-spacing:.16em;
  color:#8f7b4c;
}
.qf-direct-contact div{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 14px;
  font:400 14px/1.5 "Cormorant Garamond",Georgia,serif;
}
.qf-direct-contact a{color:#44474a;text-decoration:none}
.qf-direct-contact a:hover,
.qf-direct-contact a:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
  .contact-footer-inner{grid-template-columns:1fr;text-align:center;gap:14px}
  .contact-footer-contact{order:1;flex-direction:column;gap:5px}
  .contact-footer-contact span{display:none}
  .contact-footer-brand{order:2}
  .contact-footer-cities{order:3;text-align:center}
  .contact-footer-nav{order:0;gap:14px 24px}
  .about-contact-links{justify-content:flex-start}
}
