#particles-js{
  width: 100%;       
  height: 92vh;
  position: absolute;
  background-color: black;
  z-index: 0;
}

.img_logo_acceuil{
  max-width: 90vw;
}

.acceuil_zone1{
  position: absolute;
  top :50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  text-align: center;
}


.content{
  position: absolute;
  top: 100vh;
}

.tuile{
  display: flex;

  background-color: #141d2b;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 5vh;
  padding-bottom: 5vh;
  color: white;
}

.tuile2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 5vh;
  padding-bottom: 5vh;
  background-color: #6c757d;
  background-color: #1a2332;
  color: white;
}


.titre_tuile{
  flex-basis: 100%;
  font-size: 50px;
  text-align: center;
  margin-bottom: 5vh;
}

.text_tuile{
  flex-basis: calc(50% - 10vw);
  text-align: left;
  padding-right: 5vw;
  padding-left: 5vw;

}

.tuile-img{
  flex-basis: 50%;
  text-align: center;
}


.img-fluid{
  max-height: 35vh;
  border-radius: 2rem;

}

.lead{
  margin-top: 2vh;
  font-size: 20px;
}

.image_footer{
  height: 30px;
}


@media only screen and (max-width:1195px) {
  .text_tuile{
    flex-basis: 100%;
    margin-top: 5vh;
    margin-bottom: 5vh;
    order: 0;

  }

  .tuile-img{
    flex-basis: 100%;
    margin-top: 5vh;
    margin-bottom: 5vh;
    order: 1;
  }

  .img-fluid{
    max-width: 90%;
  }

}