@media (max-width: 1000px) {
  :root {
    --spacing: .75rem;
  }
  .row {
    flex-direction: column;
  }
  .col {
    width: calc(100%);
  }

  /* FOOTER */
  footer ul#list_logos {
    justify-content: start;
  }

  /* HOME */
  #intro {}
  #intro figure {
    position: absolute; width: 100%; height: 100%;
  }
  #intro .home-header-col { position:relative; z-index: 2; }
  .row#realisations {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #real-drama,
  #real-capture {
    width: calc(50%);
  }
  figure.figure_fill {
    height: 50vh;
  }

  /* CONTEXTE */
  #timeline {
    margin-left: 2rem;
  }
  #equipe .row {
    flex-direction: row;
  }

  

  /* CAPTURE */
  #detail figure {
    height: 50vh;
  }

}


@media (max-width: 600px) {

  /* HOME */
  .row#realisations {
    flex-direction: column;
  }
  #real-drama,
  #real-capture {
    width: calc(100%);
  }

  /* CONTEXTE */
  #timeline li .panel {
    flex-direction: column;
    align-items: center;
  }
  #equipe .row {
    flex-direction: column;
    align-items: center;
  }
  #equipe .fill {
    padding: 2rem;
  }

}


@media (min-width: 1600px) {
  /* CONTEXTE */
  #img-timeline-col { display:block; }

  #timeline li .panel figure {
    display: none;
  }
}