article {
	display: inline-block;
	margin: 20px 30% 20px 30%;
	width:40%;
}



/**
 * List used for the demo page
 */
article ul {
	position: relative;
	/* width: 230px; */
	height: 480px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	list-style: none;

	-webkit-perspective: 400px;
	   -moz-perspective: 400px;
	    -ms-perspective: 400px;
	     -o-perspective: 400px;
	        perspective: 400px;
}
article	ul li {
		text-align: center;
		position: relative;
		padding: 16px;
		background: #eee;
		color: #252525;
		font-size: 18px;
		z-index: 2;

		-webkit-transform: translateZ(0px);
		   -moz-transform: translateZ(0px);
		    -ms-transform: translateZ(0px);
		     -o-transform: translateZ(0px);
		        transform: translateZ(0px);
	}
article	ul li:nth-child(odd) {
		background: #fff;
	}




	.helix {
		-webkit-perspective: 600px;
			-moz-perspective: 600px;
			 -ms-perspective: 600px;
			  -o-perspective: 600px;
				  perspective: 600px;
	
		-webkit-perspective-origin: 50% 50%;
			-moz-perspective-origin: 50% 50%;
			 -ms-perspective-origin: 50% 50%;
			  -o-perspective-origin: 50% 50%;
				  perspective-origin: 50% 50%;
	}
	
		.helix li {
			-webkit-transition: all 600ms ease,
								opacity 200ms ease;
				-moz-transition: all 600ms ease;
				 -ms-transition: all 600ms ease,
								 opacity 200ms ease;
				  -o-transition: all 600ms ease,
								 opacity 200ms ease;
					  transition: all 600ms ease,
								  opacity 200ms ease;
	
			-webkit-transform-origin: 50% 50%;
				-moz-transform-origin: 50% 50%;
				 -ms-transform-origin: 50% 50%;
				  -o-transform-origin: 50% 50%;
					  transform-origin: 50% 50%;
		}
			.helix li.past {
				opacity: 0;
	
				-webkit-transform: rotateY( 180deg );
					-moz-transform: rotateY( 180deg );
					 -ms-transform: rotateY( 180deg );
					  -o-transform: rotateY( 180deg );
						  transform: rotateY( 180deg );
			}
			.helix li.future {
				opacity: 0;
	
				-webkit-transform: rotateY( -180deg );
					-moz-transform: rotateY( -180deg );
					 -ms-transform: rotateY( -180deg );
					  -o-transform: rotateY( -180deg );
						  transform: rotateY( -180deg );
			}