/* =========================
   FOOTER
========================= */

.footer {

  border-top: 1px solid rgba(0,0,0,0.08);

}

.footer-content {

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

  gap: 40px;

}

.footer-title {

  font-family: var(--font-heading);

  margin-bottom: 8px;

}

.footer-description {

  opacity: 0.7;

}

.footer-links {

  display: flex;
  gap: 24px;

}

.footer-links a {

  transition: var(--transition-fast);

}

.footer-links a:hover {

  opacity: 0.7;

}

.footer-bottom {

  margin-top: 40px;
  padding-top: 20px;

  border-top: 1px solid rgba(0,0,0,0.08);

  text-align: center;

  opacity: 0.7;

}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .footer-content {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

}

/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

  .footer-links {

    flex-wrap: wrap;
    justify-content: center;

  }

}