/* ==== Responsive global (hors navigation) ==== */

/* conteneur principal */
.container {
  max-width: 900px;
  margin: auto;
  padding: 2em;
  width: 100%;
}

/* images fluides */
img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* adaptation du contenu pour tablettes/mobiles */
@media (max-width: 800px) {
  html {
    font-size: 16px;
  }

  .container {
    padding: 1.5em 1em;
  }
}

/* petits téléphones */
@media (max-width: 500px) {
  html {
    font-size: 15px;
  }

  .container {
    padding: 1em 0.5em;
  }
}