/*div#slider {
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}
div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
  animation: 20s slidy infinite;  
}
div#slider figure .paragraph {
  width: 20%;
  height: auto;
  float: left;
}*/

div#captioned-gallery {
  width: 100%;
  overflow: hidden;
}
figure { margin: 0; }
figure.slider {
  position: relative;
  width: 500%;
  font-size: 0;
  animation: 20s slidy infinite; 
}
figure.slider figure { 
  width: 20%;
  height: auto;
  display: inline-block;
  position: inherit; 
}
figure.slider img {
  width: 100%;
  height: auto;
  border-radius: .5em; 
}
figure.slider figure figcaption {
  position: absolute;
  bottom:  -3.5rem;
  background: rgba(0,0,0,0.14);
  color: #fff;
  width: 100%;
  font-size: 1.2rem;
  padding: 1rem;
  transition: .5s all; 
  border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; 
}
figure.slider figure:hover figcaption {
  bottom: 0;
  background: rgba(0,0,0,0.6);
}


@keyframes slidy { 
  0%  { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; } 
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; } 
}