/* scrollama */

.scroll-graphic {
  position: -webkit-sticky;
  position: sticky;
  top:0;
  height: 60vh;
}

.step {
  padding: 2rem;
  height: 50vh;
}

.scroll-graphic-tab{
  padding-top: 15px;
  padding-bottom: 15px;
}


.col-graphic{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: white;
}


.img-fluid-trees {
    max-height:50vh !important;
  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .scroll-graphic {
    position: -webkit-sticky;
    position: sticky;
    top:0;
    height: 100vh;
  }


  .img-fluid-trees {
      max-height:100vh !important;
    }

  .step {
    height: 100vh;
  }

  .col-graphic{
    position: relative;
  }

  .scroll-text{
    /* height: 100vh;
    overflow: hidden; */
  }
}