@keyframes slidy {
0% { left: 0%; }
10% { left: 0%; }
15% { left: -100%; }
35% { left: -100%; }
40% { left: -200%; }
60% { left: -200%; }
65% { left: -300%; }
85% { left: -300%; }
90% { left: -400%; }
100% { left: -400%; }
}

* {
  box-sizing: border-box;
}

figure { 
  margin: 0; background: #000;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}

div#captioned-gallery {
  position:relative;
  top:160px;
  width: 100%;
  overflow: hidden;
  margin-bottom:12em; 
}

figure.slider { 
  position: relative; width: 500%;
  font-size: 0; animation: 25s slidy infinite; 
}

figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}

figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
  font-size: 2rem; padding: .6rem; 
}

.slide-shadow {
	
box-shadow:
				0 2.8px 2.2px rgba(0, 0, 0, 0.034),
				0 6.7px 5.3px rgba(0, 0, 0, 0.048),
				0 12.5px 10px rgba(0, 0, 0, 0.06),
				0 22.3px 17.9px rgba(0, 0, 0, 0.072),
				0 41.8px 33.4px rgba(0, 0, 0, 0.086),
				0 100px 80px rgba(0, 0, 0, 0.12);

}



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

div#captioned-gallery { 

  width: 100vw;
  overflow: hidden; 
  position:relative;
  top:70px;
  margin-bottom: 6em;
}

.slide-shadow {
	box-shadow:none;

}