.pages {
  display: flex;
  position: fixed;
  top: 0;
  left: 70px;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.page {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  transform: translateX(100vw);
  transition: transform 0.3s;
}

.page-show {
  transform: translateX(0px);
}

#page1,
#page2,
#page4,
#page5 {
  padding-top: 70px;
}

#page1 .page-content,
#page2 .page-content,
#page3 .page-content,
#page4 .page-content,
#page5 .page-content {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1100px) {
  .pages {
    left: 50px;
  }

  #page1,
  #page2,
  #page4,
  #page5 {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 750px) {
  .pages {
    left: 0;
  }

  #page3 {
    padding-top: 50px;
  }
}