html {
  scroll-snap-type: y mandatory;
}

.vertical-menu {
  scroll-snap-align: center;
}

h3 {
  scroll-snap-align: start;
}

.prev {
  display:inline;
  padding-right: 5vh;
  font-size: 5vh;
}

.next {
  display:inline;
  padding-left: 5vh;
  font-size: 5vh;
}

.image{
  height: 65vh;
}

.worktitle{
  padding-top: 1vh;
  height: 2vh;
  padding-bottom: 1vh;
  margin: 0;
}

.description{
  padding-top: 1vh;
  height: 2vh;
  padding-bottom: 10vh;
  margin: 0;
}

img{
  max-height: 100%;
}

@media only screen and (max-width: 600px) {

    .vertical-menu {
      scroll-snap-align: end;
    }

    .prev {
      display:inline;
      padding-right: 5vh;
      font-size: 5vh;
    }
    
    .next {
      display:inline;
      padding-left: 5vh;
      font-size: 5vh;
    }
    
    .worktitle{
      padding-top: 2vh;
      height: 2vh;
      padding-bottom: 5vh;
      margin: 0;
    }
    
    .description{
      padding-top: 0vh;
      height: 2vh;
      padding-bottom: 10vh;
      margin: 0;
    }

    img{
      max-width: 85vw;
    }
}