#footer {
  background-color: var(--bg-dark);
  color: var(--color-green-light);
  padding: 48px 0;
}

#footer .footer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

#footer .footer-row {
  display: flex;
  flex-direction: row;
}

.footer-row .footer-logos,
.footer-row .footer-address-sitemap,
.footer-row .footer-links,
.footer-row #copyright {
  width: 100%;
}

/* Footer Logos */
#footer .footer-logos {
  display: flex;
  flex-direction: row;
  gap: 120px;
  height: fit-content;
}

.footer-logos img {
  height: 120px;
}

#footer .footer-logos .footer-sub-logo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

#footer .footer-sub-logo img {
  height: 36px;
}

#footer .footer-sub-logo h3 {
  font-size: 1.33em;
  line-height: 150%;
  font-weight: 600;
}

/* Footer Address Sitemap */
#footer .footer-address-sitemap {
  display: flex;
  flex-direction: row;
  gap: 120px;
  height: fit-content;
}

#footer .footer-address-sitemap .footer-address {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#footer .footer-address p {
  max-width: 400px;
}

#footer .footer-address-sitemap .footer-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80px;
  row-gap: 8px;
}

.footer-menu .menu-item a {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-green-light);
  text-decoration: none;
}

/* Footer Bottom */
.footer-bot {
  align-items: center;
}

/* XXL Screens (1800px and up) */
@media (min-width: 1800px) {
}

/* XL Screens (1600px-1799px) */
@media (min-width: 1600px) and (max-width: 1799px) {
}

/* Large Screens (1400px-1599px) */
@media (min-width: 1400px) and (max-width: 1599px) {
}

/* Medium-Large Screens (1200px-1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
}

/* Small-Medium Screens (max-width: 1199px) */
@media (max-width: 1199px) {
}

/* Small Screens (max-width: 992px) */
@media (max-width: 992px) {
}

/* Mobile Screens (max-width: 768px) */
@media (max-width: 768px) {
  #footer .footer-wrapper {
    gap: 48px;
  }

  #footer .footer-row {
    flex-wrap: wrap;
  }

  #footer .footer-top {
    flex-direction: column;
    gap: 48px;
  }

  #footer .footer-logos {
    gap: 24px;
    justify-content: space-between;
  }

  #footer .footer-address-sitemap {
    flex-direction: column;
    gap: 24px;
  }

  #footer .footer-address-sitemap .footer-address {
    gap: 12px;
  }

  #footer .footer-bot {
    flex-direction: column-reverse;
    gap: 24px;
  }

  #footer .footer-links .wrapper-contact {
    flex-wrap: wrap;
    gap: 12px;
  }
}