/*
    - Name: "footer.scss"
    - Description: "Footer custom styles"
*/
/* Media query breakpoints */
.footer {
  margin-top: 40px;
  padding: 40px 0;
  background-color: var(--darkGrayishBlue50);
}
.footer__container {
  width: min(100% - 48px, 720px);
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .footer__container {
    width: min(100% - 168px, 1272px);
  }
}
.footer__top {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.footer__top-logo {
  height: 24px;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .footer__top-items {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .footer__top-items {
    gap: 132px;
    justify-content: unset;
  }
}
@media (min-width: 1200px) {
  .footer__top-items-left {
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .footer__top-items-left {
    width: 194px;
  }
}
@media (min-width: 1200px) {
  .footer__top-items-right {
    width: 70%;
  }
}
@media (min-width: 1400px) {
  .footer__top-items-right {
    width: unset;
  }
}
@media (min-width: 1200px) {
  .footer__bottom {
    display: flex;
    flex-direction: column-reverse;
  }
}
.footer__bottom-last {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (min-width: 1200px) {
  .footer__bottom-last {
    justify-content: flex-end;
    margin-top: -34px;
  }
}
.footer__bottom-items {
  align-items: center;
  margin-top: 39px;
  padding-top: 16px;
  border-top: 1px solid var(--darkGrayishBlue300);
}
/*# sourceMappingURL=footer.css.map */