.contain{
	width: 200px;
	height: 150px;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	ms-transform: 600px;
	perspective: 600px;
	margin-bottom: 4em
}
#carousel{
  width: 200px;
  height: 150px;
  position: absolute;
  -webkit-transform: translateZ( -288px );
	 -moz-transform: translateZ( -288px );
	   -o-transform: translateZ( -288px );
	   ms-transform: translateZ( -288px );
		  transform: translateZ( -288px );
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
	   ms-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
		ms-transform: ms-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s;
}
#carousel figure {
	display: block;
	position: absolute;
	line-height: 116px;
	font-size: 0.8em;
	color: gray;
	text-align: center;
}
#carousel figure img{ 
	border: 0.1em solid lightgray; 
	padding: 1em;
	max-height: 100%;
	max-width: 100%;
	box-shadow: 2px 4px 2px #888;
	-webkit-transform: scale(.8);
}
#carousel figure figcaption{
	height: 0.8em;
}
#carousel_btn{
	padding-top: 3em;
	padding-bottom: 3em;
	padding-left: 5em;
}
#carousel figure:first-child img{ 
	-webkit-transform: scale(1.2);
	 -moz-transform: scale(1.2);
	   -o-transform: scale(1.2);
	   ms-transform: scale(1.2);
		  transform: scale(1.2);
	cursor: pointer;
}
#carousel figure:nth-child(1) {
  -webkit-transform: rotateY( 0deg ) translateZ( 288px ); opacity:1;
	 -moz-transform: rotateY( 0deg ) translateZ( 288px ); opacity:1;
	   -o-transform: rotateY( 0deg ) translateZ( 288px ); opacity:1;
	   ms-transform: rotateY( 0deg ) translateZ( 288px ); opacity:1;
		  transform: rotateY( 0deg ) translateZ( 288px ); opacity:1;
}
#carousel figure:nth-child(2) {
  -webkit-transform: rotateY( 40deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 40deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 40deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 40deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 40deg ) translateZ( 288px ); opacity:.4; 
}
#carousel figure:nth-child(3) {
  -webkit-transform: rotateY( 80deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 80deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 80deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 80deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 80deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(4) {
  -webkit-transform: rotateY( 120deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 120deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 120deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 120deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 120deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(5) {
  -webkit-transform: rotateY( 160deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 160deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 160deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 160deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 160deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(6) {
  -webkit-transform: rotateY( 200deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 200deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 200deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 200deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 200deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(7) {
  -webkit-transform: rotateY( 240deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 240deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 240deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 240deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 240deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(8) {
  -webkit-transform: rotateY( 280deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 280deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 280deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 280deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 280deg ) translateZ( 288px ); opacity:.4;
}
#carousel figure:nth-child(9) {
  -webkit-transform: rotateY( 320deg ) translateZ( 288px ); opacity:.4;
	 -moz-transform: rotateY( 320deg ) translateZ( 288px ); opacity:.4;
	   -o-transform: rotateY( 320deg ) translateZ( 288px ); opacity:.4;
	   ms-transform: rotateY( 320deg ) translateZ( 288px ); opacity:.4;
		  transform: rotateY( 320deg ) translateZ( 288px ); opacity:.4;
}
@media screen and (max-width: 500px) {
	/*.contain{
		display: none;
	}
	#carousel, #carousel_btn {
		display: none;
	}*/
}