.pages {
  display: grid;
  width: 100%;
  min-height: 100vh;
}

.page {
  min-width: 0;
  position: relative;
  grid-row: 1;
  grid-column: 1;
}

html.is-changing .transition-slide {
  transition: transform 1s;
  transition-delay: 0.25s;
}

.transition-slide.is-next-container {
  transform: translateX(100%);
}

.transition-slide.is-previous-container {
  transform: translateX(-100%);
}

.right .transition-slide.is-next-container {
  transform: translateX(-100%);
}

.right .transition-slide.is-previous-container {
  transform: translateX(100%);
}

@media (max-width: 767px) {
  html.is-changing .transition-slide {
    transition: transform 1.5s;
    transition-delay: 0.2s;
  }
}