html{
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
    margin: 0;
    padding: 0;
}

.curtains>li{
	background: #000;

    -webkit-transform:translateZ(0);
    background: white;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
    
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}
.curtains>li:last-child{
	background: url(../images/pixbg.png);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow: none;
}

@media (max-width: 480px) {
	
	.curtains>li{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow: none;
	}
}