@charset "utf-8";
/* CSS Document */

figure { }
figure img { width:100%; height:auto; }
figure {
	position: relative;
}
figcaption {
	background: rgba(255,255,255,0.8);
	color: #000;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
	padding: 2px;
	margin: 4px;
	line-height: 1em;
}
#featured figure { margin:5%; }

@media only screen and (min-width:300px) {
#featured figure { width:30.66667%; float:left; margin:1% 0 0% 2%; }
#featured::after { content:''; clear:left; display:block; opacity:0; height:6px; overflow:hidden; }
}
@media only screen and (min-width:400px) {
	#featured figure { width:22.5%; margin:1% 0 0% 2%;}
	#featured figure:nth-child( 3n+1 ) { clear:none; }
	#featured figure:nth-child( 4n+1 ) { clear:left; }
}
@media only screen and (min-width:500px) {
#featured figure { width:17.6%; float:left; margin:1% 0 0% 2%; }
	#featured figure:nth-child( 4n+1 ) { clear:none; }
	#featured figure:nth-child( 5n+1 ) { clear:left; }
}
@media only screen and (min-width:650px) {
#featured figure { width:14.33334%; float:left; margin:1% 0 0% 2%; }
	#featured figure:nth-child( 5n+1 ) { clear:none; }
	#featured figure:nth-child( 6n+1 ) { clear:left; }
}
@media only screen and (min-width:800px) {
#featured figure { width:12%; float:left; margin:1.5% 0 0% 2%; }
	#featured figure:nth-child( 6n+1 ) { clear:none; }
	#featured figure:nth-child( 7n+1 ) { clear:left; }
#featured::after { content:''; clear:left; display:block; opacity:0; height:10px; overflow:hidden; }
}