
@keyframes slidy {


0% { left: 0%; opacity: 0; filter: alpha(opacity=0);}
5% { left: 0%; opacity: 1; filter: alpha(opacity=1);}
25% { left: 0%; opacity: 1; filter: alpha(opacity=1);}

28% { left: -100%; opacity: 1; filter: alpha(opacity=1);}
50% { left: -100%; opacity: 1; filter: alpha(opacity=1);}

53% { left: -200%; opacity: 1; filter: alpha(opacity=1);}
75% { left: -200%; opacity: 1; filter: alpha(opacity=1);}


78% { left: -300%; opacity: 1; filter: alpha(opacity=1);}
97% { left: -300%; opacity: 1; filter: alpha(opacity=1);}
100% { left: -300%; opacity: 0; filter: alpha(opacity=0);}
}
* {
  box-sizing: border-box;
}
.banner {
  width: 100%;
	z-index: 1;
	
}
figure { 
  margin: 0; background: #101010;
  font-weight: 100;
}
div#captioned-gallery { 
  width: 100%; overflow: hidden; 
}
figure.slider { 
  position: relative; width: 400%;
  font-size: 0; animation: 25s slidy infinite; 
}
figure.slider figure { 
  width: 25%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto;}
figure.slider figure figcaption { 
  position: absolute; bottom: 20px;
  background: rgba(0,0,0,0.0);
  color: #fff; width: 100%;
	text-shadow: 2px 2px #000;
  font-size: 3rem; padding: .6rem; 
	text-align: center;
}
@media screen and (max-width: 1024px) {
figure.slider figure figcaption { 
  font-size: 3.0vw; padding: .6rem; 
}
}
