.thebestcenterisme {

    top: 0;

    transform: translateX(18%);

    height: 600px;

}

@media (min-width: 769px) and (max-width: 1930px) {


  .thebestcenterisme {

    top: 0;

    transform: translateX(14%);

    height: 600px;

  }

.reveal {

  position: relative;

  opacity: 0;

}

.reveal.active {

  opacity: 1;

}

.active.fade-bottom {

  animation: fade-bottom 1s ease-in;

}

.active.fade-left {

  animation: fade-left 1s ease-in;

}

.active.fade-right {

  animation: fade-right 1s ease-in;

}

@keyframes fade-bottom {

  0% {

    transform: translateY(50px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

@keyframes fade-left {

  0% {

    transform: translateX(-100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

@keyframes fade-right {

  0% {

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}
}