@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@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: -300%; }
}

 figure { 
  margin: 0; background: #fff;
  /*--font-family: Istok Web, sans-serif;
  font-weight: 100;--*/
  height: 80%;
}
div#captioned-gallery { 
  width: 100%; overflow: hidden; 
}
figure.slider { 
  position: relative; width: 500%;
  font-size: 0; animation: 30s 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; 
  background: rgba(92, 162, 204, 0.7);
  color: #fff; width: 45%;
  font-size: 2rem; 
	top: 8%;
	left: 5%;
	bottom:5%;
	padding: 2.5em 2em;
}
figure.slider figure figcaption h2{
	color: #fff;
	font-size: 2.0em;
	font-weight: 300;
	letter-spacing: 2px;	
	margin-bottom: 0.7em;
}
figure.slider figure figcaption p{
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	line-height:1.2em;
}

figure.slider figure figcaption a{
	color:#fff;
	font-size:1.15em;
	font-weight:500;	
	padding:10px 22px;
	border:2px solid #fff;
	text-decoration:none;
	text-transform: uppercase;
	margin-top: 2em;
	display: block;
	width: 38%;
	z-index:1;
	background:rgba(92, 162, 204, 0);
}