.footer {
  display: flex;
  justify-content: center;
  background-color: #c7b59f;
  color: white;

  .footer-container {
    max-width: 1064px;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 75px 30px 5px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    @media (max-width: 1100px) {
      padding-left: 40px;
      padding-right: 40px;
    }

    @media (max-width: 580px) {
      padding-left: 30px;
      padding-right: 30px;
    }

    .footer__main-info {
      max-width: 350px;
      width: 100%;
      margin-top: -20px;

      .main-info__title {
        color: #2b404c;
        font-size: 28px;
        padding-bottom: 15px;
      }

      @media (max-width: 960px) {
        margin-top: 20px;
        max-width: 500px;
      }
    }

    .footer__social-links {
      margin-top: 35px;

      .social-links__links {
        display: flex;
        justify-content: space-between;

        max-width: 140px;
        width: 100%;

        padding-top: 15px;

        .link {
          width: 15px;
          height: 15px;
          border: 1px solid #2b404c;
          border-radius: 2px;
          padding: 4px;
          cursor: pointer;
        }

        .link:hover {
          background-color: #2b404c;
          fill: white;
        }
      }

      @media (max-width: 670px) {
        margin-right: 50px;
      }
    }

    .footer__contact-info {
      display: flex;
      justify-content: space-between;
      max-width: 280px;
      width: 100%;

      padding-top: 60px;
      margin-right: 30px;
      margin-left: 50px;

      .contact-info__title,
      .contact-info__detail {
        padding: 3px 0;
      }

      @media (max-width: 960px) {
        margin: 0;
      }

    }
  }
}
