ghr-footer { display: block; }

.site-footer {
  height: 724px;
  background: #e4e3ff;
  color: #00186d;
  font: 300 16px/1.24 Geist, Arial, sans-serif;
  letter-spacing: -0.01em;
}
.site-footer, .site-footer * { box-sizing: border-box; }
.site-footer a { color: inherit; text-decoration: none; outline-offset: 6px; }
.site-footer a:hover { opacity: 0.75; }
.site-footer a:focus-visible { outline: 2px solid currentColor; }
.site-footer p { margin: 0; }
.site-footer .footer-inner {
  max-width: 1920px;
  margin: auto;
  position: relative;
  height: 100%;
  padding: 112px 48px 60px 50px;
}
.site-footer address {
  position: absolute;
  top: 200px;
  left: 50px;
  width: 242px;
  font-size: 15px;
  line-height: 1.25;
  font-style: normal;
}
.site-footer .footer-right { margin-left: auto; width: 250px; text-align: right; }
.site-footer nav {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font: 200 46.61px/0.89 Teodor, Georgia, serif;
}
.site-footer .footer-contact {
  display: flex;
  flex-direction: column;
  margin-top: 36.6px;
  line-height: 1.5;
}
.site-footer .footer-contact a:first-child { font-size: 18px; }
.site-footer .social-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 15.946px;
  margin-top: 79px;
  height: 27px;
}
.site-footer .social-links img { display: block; }
.site-footer .youtube {
  width: 36px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-footer .footer-bottom {
  position: absolute;
  left: 50px;
  right: 44px;
  bottom: 60px;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 1.5;
  text-transform: uppercase;
}
.site-footer .footer-bottom > div { display: flex; gap: 32px; }

@media (max-width: 1000px) {
  .site-footer .footer-bottom { flex-wrap: wrap; gap: 16px; }
}

@media (max-width: 760px) {
  .site-footer { height: auto; }
  .site-footer .footer-inner { padding: 64px 24px 32px; }
  .site-footer address { position: static; width: min(242px, 100%); }
  .site-footer .footer-right { width: min(250px, 100%); margin-top: 48px; }
  .site-footer nav { font-size: 40px; }
  .site-footer .social-links { margin-top: 48px; }
  .site-footer .footer-bottom {
    position: static;
    flex-direction: column;
    margin-top: 64px;
    font-size: 12px;
  }
  .site-footer .footer-bottom > div { flex-wrap: wrap; gap: 24px; }
}