footer {
  margin-top: 184px;
  background-color: var(--primaryColor);
  padding: 42px 0 30px 0;
}
footer .site-branding {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer a.site-title {
  color: #FFFAF2;
}
footer .footer-leftside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 170px;
}
footer .footer-info {
  font-size: 16px;
  line-height: 140%;
  color: #FFFDF9;
}
footer .footer__container {
  display: flex;
  flex-direction: column;
}
footer .footer-contacts {
  color: #FFFDF9;
  font-size: 32px;
}
footer .footer__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
footer .footer__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 34px;
  border-top: 1px solid #9A8669;
}
footer .footer__bottom-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
footer .footer-rightside {
  display: flex;
}
footer .footer-contacts {
  display: flex;
  align-items: center;
  gap: 20px 128px;
  flex-wrap: wrap;
}
footer .footer-contacts__item {
  font-family: var(--secondaryFont);
  font-size: 32px;
  line-height: 160%;
  color: #FFFDF9;
}
footer .footer-contacts__item span {
  display: block;
  font-size: 32px;
  line-height: 100%;
  font-weight: normal;
}
footer .footer-contacts__item a {
  font-weight: 600;
  transition: color 0.12s ease-in-out;
}
footer .footer-contacts__item a:hover {
  color: #fbdb94;
  transition: color 0.12s ease-in-out;
}
footer .footer__copyright {
  font-size: 16px;
  color: #FFFDF9;
  font-weight: 300;
}
footer .footer__madeby {
  color: #ffeacd;
  font-size: 16px;
  font-weight: 300;
  transition: color 0.12s ease-in-out;
}
footer .footer__madeby:hover {
  color: #b69e7d;
  transition: color 0.12s ease-in-out;
}
footer .footer__madeby.madeby-mobile {
  display: none;
}
nav.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
nav.footer-nav ul li {
  display: flex;
}
nav.footer-nav ul li a {
  color: #FFFDF9;
  font-size: 16px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: text-decoration-color 0.3s ease;
}
nav.footer-nav ul li:hover a {
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s ease;
}
@media screen and (max-width: 1480px) {
  footer {
    margin-top: 98px;
    padding: 42px 0 32px 0;
  }
  footer .footer-contacts {
    font-size: 24px;
  }
  footer .footer__bottom {
    padding-top: 32px;
  }
  footer .footer-contacts__item {
    font-size: 24px;
  }
  footer .footer-contacts__item span {
    font-size: 24px;
  }
}
@media screen and (max-width: 820px) {
  footer {
    margin-top: 64px;
    padding: 24px 0 68px 0;
  }
  footer a.custom-logo-link {
    max-width: 50px;
  }
  footer .site-title {
    font-size: 32px;
  }
  footer .footer__top {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
  footer .footer-contacts {
    font-size: 18px;
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  footer .footer-contacts__item {
    font-size: 18px;
  }
  footer .footer-contacts__item span {
    font-size: 18px;
  }
  footer .footer__bottom {
    padding-top: 16px;
    flex-wrap: wrap;
    gap: 8px 16px;
  }
}
@media screen and (max-width: 580px) {
  footer .footer__copyright {
    font-size: 12px;
  }
  footer .footer__madeby {
    font-size: 12px;
    line-height: 1;
    display: none;
  }
  footer .footer__madeby.madeby-mobile {
    display: block;
  }
  footer nav.footer-nav ul li a {
    font-size: 12px;
  }
  footer .footer__bottom-right {
    flex-direction: column;
    gap: 0;
  }
  footer .footer__bottom {
    align-items: center;
  }
}