#page_intro{
  position: absolute;
  height:100vh;
  width:100%;
  top:0px;
}

#fade_box{
  position: absolute;
  z-index: 1;
  width:100%;
  height:100%;
  -moz-box-shadow: 0px -250px 200px -50px black inset;
  -webkit-box-shadow: 0px -250px 200px -50px black inset;
  box-shadow: 0px -200px 200px -0px black inset;
}

#page_intro > img{
  width:100%;
  height:100%;
  object-fit: cover;

}


#scroll_down_btn_box{
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left:0px;
  width:100%;
  text-align: center;
}

#scroll_down_btn_box img{
  width:50px;
  transition: width .3s;
}

#scroll_down_btn_box img:hover{
  width:58px;
}


.slide{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}


#page_content{
  margin-top: 50px;
  position:absolute;
  top: 100vh;
  height:0px;
  width:100%;
}

#animated-thumbnails-gallery a{
  cursor: pointer;
}

.gallery_item_overlay{
  width:100%;
  height:100%;
  position: absolute;
  -moz-box-shadow: 3px 3px 1px 0 black inset, -3px -3px 1px 0 black inset;
  -webkit-box-shadow: 3px 3px 1px 0 black inset, -3px -3px 1px 0 black inset;
  box-shadow: 3px 3px 1px 0 black inset, -3px -3px 1px 0 black inset;
}


@media (max-width:750px) {
  #scroll_down_btn_box{
    bottom: 100px;
  }
}

/*

.gallery_link_box{
  width: 100%;
  height: 45vh;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  color:white;
}


.gallery_link_box img{
  position: relative;
  object-fit: cover;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  transition: width .5s, height .5s, left .5s, top .5s;
}

.gallery_link_box img:hover{
  left:-2%;
  top: -2%;
  width:104%;
  height:104%;
}

.gallery_link_box p {
  color:white;
  position: absolute;
  bottom: 5%;
  left: 5%;
  font-size: 25pt;
  transition: color .5s;
}

.gallery_link_box img:hover ~ p {
  color: lightgrey;
}

*/