.footer {}

.footer-wrap {
  background-color: #1F1F1F;
  padding: 80px 40px 55px;
  display: flex;
  flex-direction: column;
}

.footer-content {
  display: flex;
}

.footer-content+* {
  margin-top: 80px;
}

.footer-logo {
  width: 40%;
}

.footer-logo__title {
  margin: 63px 0 50px;
  font-family: 'Libre Baskerville';
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
}

.footer-logo>hr {
  border: 1px solid #6D6B67;
}

.footer-nav {
  width: 40%;
  margin-left: 150px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
}

.footer-nav li+li {
  margin-top: 9px;
}

.footer-copyright {
  color: #fff;
  display: flex;
  column-gap: 20%;
}

.footer-copyright p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.2px;
}

.footer-copyright p>span {
  font-family: 'Libre Baskerville';
}

.copyright-author {
  display: flex;
  align-items: start;
}

.copyright-author p {
  font-size: 14px;
}

.copyright-author p+p {
  margin-left: 60px;
}

.copyright-author p>span {
  font-size: 13px;
  color: #A8A6A0;
}

@media (max-width: 1024px) {
  .footer-wrap {
    padding: 60px 40px 45px;
  }

  .footer-logo__title {
    margin: 50px 0 50px;
  }

  .footer-nav {
    width: 35%;
    margin-left: 140px;
  }

  .footer-content+* {
    margin-top: 60px;
  }
}

@media (max-width: 950px) {
  .footer-wrap {
    padding: 50px 35px 30px;
  }

  .footer-content {
    justify-content: center;
  }

  .footer-content+* {
    margin-top: 45px;
  }

  .footer-nav {
    width: 35%;
    margin-left: 120px;
  }

  .footer-nav ul:nth-child(1) {
    display: none;
  }

  .footer-copyright {
    justify-content: space-evenly;
    column-gap: 10%;
  }
}

@media (max-width: 730px) {
  .footer-copyright {
    justify-content: space-evenly;
    column-gap: 5%;
  }

  .footer-content+* {
    margin-top: 30px;
  }

  .footer-copyright p {
    font-size: 10px;
  }

  .copyright-author p>span {
    font-size: 10px;
  }
}

@media (max-width: 593px) {
  .footer-copyright {
    text-align: center;
  }
}

@media (max-width: 530px) {
  .footer-wrap {
    padding: 30px 20px 20px;
  }

  .footer-nav {
    display: none;
  }

  .footer-logo {
    width: 100%;
    text-align: center;
  }

  .footer-logo__title {
    margin: 26px 0 20px;
  }

  .footer-logo__title {
    font-size: 18px;
  }
}