figure {margin:0;}

.content {height:100%;}

#gallery {
	width:100%;
	/*min-height:400px;*/
	min-height:100%;
	margin:auto;
}

#gallery figure {
	float:left;
	margin:22px 25px;
}

#gallery.tiles {max-width:780px;} /* (183 + 50) == 233 * 3 == 699 */
#gallery.tiles figure {width:183px;height:220px;}

figcaption.caption {
	line-height:1.25em;
	margin:0;
	color:rgba(0,0,0,0.334);
	text-align:center;
}

#gallery.tiles figcaption.caption {
	font-size:14px;
	color:rgba(0,0,0,0.5);
	margin-top:0.25em;
	/*height:2em;*/
}

#gallery figure a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
#gallery figure a.fluidbox-opened {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

@media only screen and (max-width : 1024px) {
	#gallery {
		/*max-width:786px;*/
	}
	
}

@media only screen and (max-width : 768px) {
	#gallery {
		/*max-width:444px;*/
	}
	
	#gallery.tiles {max-width:470px;} /* (183 + 50) == 233 * 2 == 466 */
	
	
}

@media only screen and (max-width : 380px) {
	#gallery {
		max-width:222px;
	}
	#gallery.tiles {max-width:220px;}
	#gallery figure {
		float:none;
		margin:24px auto;
		padding:0px;
	}
}