body{
  margin: 0;
  /*background-image: url("logo.svg");*/
  /*background-repeat: no-repeat;*/
  min-height: 200vh;
}


/*-----------------------------------------------------------------------*/
/*------ ANIMATION FILLE MAINS PICTOS------------------------------------*/
/*------- en association avec para.js------------------------------------*/

.hero {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #0c0e10;
}

#mobile-parallax {
  display: none;
}
#parallax {
  width: 100%;
  height: 100vh;
  background: url(depth-3.png), url(depth-2.png), url(depth-1-.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: auto, auto, contain;
}
#parallax h1 {
  color: #fff;
  font-family: "Arial";
  text-transform: uppercase;
  opacity: .7;/*.2;*/
  font-size: 70px;
  width: 95%;
  max-width: 650px;
}
#parallax img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  #parallax {
    display: none;
  }
  #mobile-parallax {
    display: block;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  #mobile-parallax img {
    width: 100%;
    height: auto;
  }
}

/*----  FIN ANIM FILLE MAINS-------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/