@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
80% { left: 0; }
}

figure { 
  	background-color:#000;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:left;
	}
	
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; 
	top: 20%;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	left: 6%;
	line-height: 1.2;
 	color: #666; 
	max-width:500px;	
	padding: .9rem; 
	background: -webkit-linear-gradient(top, rgba(225,244,253,0) 0%, rgba(255,250,250,0.6) 75%);
	background: linear-gradient(to bottom, rgba(225,244,253,0.6) 0%, rgba(255,250,250,0.6) 50%);
	}

figure.slider figure figcaption h3 {
	font-size: 34px;
	margin: 0; 
	font-weight:400; 
	color:#1C75BC;
	text-align:left;
	}	
	
@media screen and (max-width: 765px) {
figure.slider figure figcaption {
	font-size: 15px;
	left: 2.5%;
	top: 10%;
	padding: 4px 4px;
	background: -webkit-linear-gradient(top, rgba(225,244,253,0) 0%, rgba(255,250,250,0.8) 75%);
	background: linear-gradient(to bottom, rgba(225,244,253,0.8) 0%, rgba(255,250,250,0.8) 50%);
	}
	
figure.slider figure figcaption h3 {
	font-size: 17px;
	}	
}