@charset "UTF-8"; 
	* { box-sizing: border-box; }




	  .scene {
	  border: 0px;
	  margin: 0px;
	  position: relative;

	  margin: 0px 38%;
	  perspective: 1500px;
	  text-align:center;
	
	}


	.carousel {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  transform: translateZ(-100%);
	  transform-style: preserve-3d;
	  transition: transform 1s;
	  margin:0px;
	}
	.img_carousel{
		
		height:100px;
		
		
	}
	.img_carousel:hover{
		width:100px;
		opacity:0.8;
		height:100px;
		
		
	}

	.carousel__cell {
	  position: absolute;
	  border: 0px;
	  line-height: 50px;
	  font-size: 30px;
	  font-weight: bold;
	  color: white;
	  text-align: center;
	  transition: transform 1s, opacity 1s;
	}

	.carousel__cell:nth-child(9n+1) { background: hsla(  0, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+2) { background: hsla( 40, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+3) { background: hsla( 80, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+4) { background: hsla(120, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+5) { background: hsla(160, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+6) { background: hsla(200, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+7) { background: hsla(240, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+8) { background: hsla(280, 100%, 50%, 0.8); }
	.carousel__cell:nth-child(9n+0) { background: hsla(320, 100%, 50%, 0.8); }

	.carousel__cell:nth-child(1) { transform: rotateY(  0deg) translateZ(330px); }
	.carousel__cell:nth-child(2) { transform: rotateY( 40deg) translateZ(330px); }
	.carousel__cell:nth-child(3) { transform: rotateY( 80deg) translateZ(330px); }
	.carousel__cell:nth-child(4) { transform: rotateY(120deg) translateZ(330px); }
	.carousel__cell:nth-child(5) { transform: rotateY(160deg) translateZ(330px); }
	.carousel__cell:nth-child(6) { transform: rotateY(200deg) translateZ(330px); }
	.carousel__cell:nth-child(7) { transform: rotateY(240deg) translateZ(330px); }
	.carousel__cell:nth-child(8) { transform: rotateY(280deg) translateZ(330px); }
	.carousel__cell:nth-child(9) { transform: rotateY(320deg) translateZ(330px); }

	.carousel-options {
	  text-align: center;
	  position: relative;
	  z-index: 2;
	  background: none;
	}				
	
	@media screen and (min-width: 640px) and (max-width: 914px) 
{
	.scene
	{
	margin:0% 45%;	
	}
}