.legal-menu {
  width: min(1180px, 90vw);
  margin: 0 auto 88px;
  padding: 28px clamp(22px, 4vw, 42px);
  border: 1px solid #b88b3966;
  background: #fffaf0;
  color: #173228;
}
.legal-menu p { margin: 0; font: 500 clamp(17px, 2vw, 21px)/1.5 Georgia, serif; }
.legal-menu > small { display: block; margin-top: 8px; color: #637169; }
.legal-menu div, .site-legal div {
  display: flex; flex-wrap: wrap; gap: 12px 34px; margin-top: 22px; padding-top: 18px;
  border-top: 1px solid currentColor; font-size: 13px; text-transform: uppercase; letter-spacing: .06em;
}
.legal-menu div { color: #8c671f; }
.site-legal { padding: 30px 5vw; border-top: 1px solid #d8b4693d; background: #03261e; color: #dfe4df; }
.site-legal p, .site-legal > small, .site-legal div { max-width: 1180px; margin-right: auto; margin-left: auto; }
.site-legal p { margin-top: 0; margin-bottom: 0; font: 500 17px/1.5 Georgia, serif; }
.site-legal > small { display: block; margin-top: 7px; color: #aeb8b1; }
.site-legal div { color: #d8b469; }
@media (max-width: 620px) {
  .legal-menu { margin-bottom: 58px; }
  .legal-menu div, .site-legal div { flex-direction: column; }
}