/* Palette de couleurs IDEAL */
:root {
  --main: #2d8582;
  --secondary: #b2d2d9;
  --title: #26313f;
  --title2: #26313f;
  --btn: #f5b43c;
  --text: #333333;
  --text2: #eaeaea;
  --fh-bg: #0f1b2a;
}

body,
a,
li,
p {
  font-family: "Lato", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

/* ===========================
   RESPONSIVE HEADER & HERO
   =========================== */
@media (max-width: 900px) {
  .sticky-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 1em;
  }
  .nav-menu {
    gap: 1em;
    font-size: 1em;
  }
  .main-content h1 {
    font-size: 1.5em;
  }
  .main-content h2 {
    font-size: 1em;
  }
}

/* ===========================
   GENERAL RESPONSIVE
   =========================== */
@media (max-width: 900px) {
  .footer-content {
    flex-direction: column;
    align-items: center;
    gap: 1em;
  }
  .footer-col {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .footer-logo {
    align-items: center;
  }
}