/* ------------------------------------------------------------------------- */
/* -------------------------------- MOBILE --------------------------------- */
/* ------------------------------------------------------------------------- */

/* 
html {
  overflow: hidden;
}

body {
  perspective: 1px;
  transform-style: preserve-3d;
}

.content-container-center {
  transform: translateZ(-2px) scale(3);
}

.section--background,
.section--forground {
  transform-style: preserve-3d;
}
 */

.index-page-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

#site-video {
  height: 0px;
  width: 100%;
}

#application-service-logo {
  margin-bottom: 15px;
}

/* ------------------------------------------------------------------------- */
/* ------------------------------- DESKTOP --------------------------------- */
/* ------------------------------------------------------------------------- */

@media screen and (orientation: landscape) {
  #site-video {
    height: 75vh;
  }
}