/* ========== POLICE ========== */
body {
  font-size: 16px;
  padding: 0;
}

/* ========== HEADER ========== */
header {
  padding: 1rem;
  min-height: 100vh;
  text-align: center;
}

/* ========== NAVIGATION ========== */
nav {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

nav figure img {
  width: 100px; /* Logo un peu plus petit sur mobile */
}

nav ul {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  gap: 0.5rem;
}

nav ul li a {
  font-size: 1rem;
  padding: 0.5rem 0;
}

.cta {
  margin-top: 0.5rem;
  align-self: flex-start;
}

/* ========== ACCROCHE ========== */
#title {
  font-size: 1.4rem;
  padding: 1rem;
}

/* ========== SERVICES ========== */
.services {
  flex-direction: column;
  padding: 2rem 1rem;
}

.services article {
  padding: 1rem 0;
}

/* ========== GALERIE ========== */
.galerie {
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
}

.galerie img {
  max-width: 100%;
  height: auto;
}

/* ========== CONTENU 2 ========== */
.contenu2 {
  flex-direction: column;
  padding: 2rem 1rem;
}

.contenu2 img {
  max-width: 100%;
}

/* ========== FOOTER ========== */
footer {
  padding: 1.5rem 1rem;
  font-size: 0.9rem;
}

footer .social a {
  font-size: 1.3rem;
}