@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: #CCC;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}

div#captioned-gallery {
  width: 100%;
  overflow: hidden;   
}

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; 
}

@media screen and (max-width: 635px){
	div#captioned-gallery { 

  width: 100%; overflow: hidden; 
  position:relative;
  top:-2px;
}
}