.footer {
  width: 100%;
  margin: var(--section-gap) auto auto auto;
  background-color: #000;
}

.footer__wrapper-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: var(--section-max-width);
  width: 90vw;
  padding: 36px 0 36px 0;
  margin: 0 auto;
}

.wrapper-content__first-column,
.wrapper-content__second-column {
  flex: 1 1 160px;
}

.wrapper-content__third-column{
  flex: 0 1 150px;
}

.wrapper-content__footer-separator {
  display: block;
  width: 1px;
  height: 200px;
  margin: 48px 40px 0 40px;
  background-color: #fff;
}

.first-column__link-logo {
  display: block;
  max-width: 200px;
}

.wrapper-content__first-column{
  max-width: 20vw;
}

.wrapper-content__first-column p {
  display: block;
  margin: 16px auto auto auto;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.2rem, 5vw, 1.4rem);
  font-weight: 400;
  color: #fff;
}

.wrapper-content__second-column h2 {
  display: block;
  margin: 40px auto 6px auto;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.4rem, 5vw, 1.8rem);
  font-weight: 800;
  color: #fff;
}

.second-column__list-links {
  max-width: 150px;
  margin: 0 auto;
}

.wrapper-content__second-column a,
.wrapper-content__third-column a {
  display: block;
  padding: 8px 0;
  font-size: clamp(1.4rem, 5vw, 1.4rem);
  font-weight: 400;
}

.wrapper-content__third-column h2 {
  display: block;
  margin: 40px auto 6px auto;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.4rem, 5vw, 1.8rem);
  font-weight: 800;
  color: #fff;
}

.footer__bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px var(--section-padding);
  background-color: var(--gray900);
}

.footer__bottom-wrapper p {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(1.2rem, 5vw, 1.4rem);
  font-weight: 400;
  color: #fff;
}

.footer__bottom-wrapper__separator {
  display: block;
  width: 1px;
  height: 20px;
  margin: 0px 24px;
  background-color: #fff;
}

.list-links-column{
  display: flex;
}

@media (max-width: 1100px) {
  .wrapper-content__footer-separator {
    display: block;
    width: 2px;
    height: 300px;
    margin: 48px 24px 0 24px;
    background-color: #fff;
  }
}

@media (max-width: 850px) {
  .footer__wrapper-content {
    flex-direction: column;
  }

  .wrapper-content__footer-separator {
    display: none;
  }

  .footer__bottom-wrapper {
    flex-direction: column;
    gap: 6px;
  }

  .footer__bottom-wrapper p {
    text-align: center;
  }

  .footer__bottom-wrapper__separator {
    display: none;
  }

  .wrapper-content__first-column{
    max-width: none;
  }
}