figure {
	overflow: hidden;
/*	position: relative;
	float: left;	
	min-width: 320px;
	max-width: 480px;
	max-height: 200px; */
}

/*figure img {	
	display: block;
	position: relative;
	min-height: 100%;
	max-width: 100%; 
	opacity: 1;
}*/

figure.effect-ruby {
	background-color: #88B04B;
}

figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
} 


@media (max-width: 480px) {
	figure {
		display: block;
		width: 70%;
		margin: auto;
	}	
	
	figure.effect-ruby img {width:100%;}
	
}

@media (min-width: 481px) and (max-width: 767px) {
	figure.effect-ruby img {width:100%;}
}

@media (min-width: 768px) and (max-width: 1023px) {		
	figure.effect-ruby img {width:100%;}
}