body {
    margin: 0;
    padding: 0;
    background:#eb6e50;
}
.page {
    background:#eb6e50;
}
.animation {
    width:100%;
    height: 100vh;
    overflow: hidden;

}
#scene li.layer.first {
    position:absolute !important; text-align:center; width:100%;
}
#scene li.layer.first img {
margin:0 auto !important; 
}


.animation {position:relative;}
ul#scene {margin:0px; padding:0px;}
li.layer.second {position:absolute; z-index:1; }
li.layer.third {position:absolute; z-index:2; }
li.layer.fourth {position:absolute; z-index:3; }
li.layer.fifth {position:absolute; z-index:4; }
li.layer.sixeth {width:100%; text-align:center;  height:100vh; z-index:6; position:absolute;}
li.layer.sixeth img {margin:0 auto; bottom:5vh; position:absolute; width: auto;}
#scene li.layer.second img, #scene li.layer.third img, #scene li.layer.fourth img, #scene li.layer.fifth img {width:100%;}

#scene li.layer.second img {
-webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: second 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: second 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: second 5s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }


@-webkit-keyframes second {
  0% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0%,0%) rotateZ(0deg); }
 }


@-moz-keyframes second {
0% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0%,0%) rotateZ(0deg); }
}

@-ms-keyframes second { 
0% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0%,0%) rotateZ(0deg); }
}

#scene li.layer.third img {
-webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: third 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: third 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: third 5s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }


@-webkit-keyframes third {
  0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
 }

@-moz-keyframes third {
0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
}


@-ms-keyframes third { 
0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
}

#scene li.layer.fourth img {
-webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: fourth 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: fourth 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: fourth 5s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }


@-webkit-keyframes fourth {
  0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
 }

@-moz-keyframes fourth {
0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
}


@-ms-keyframes fourth { 
0% {
    -webkit-transform: translate3d(-1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-1%,0,0) rotateZ(0deg);
    transform: translate3d(-1%,0,0) rotateZ(0deg); }
100% {
    -webkit-transform: translate3d(1%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(1%,0,0) rotateZ(0deg);
    transform: translate3d(1%,0%,0%) rotateZ(0deg); }
}

@media only screen and (max-width: 1024px) {

#scene li.layer.first img {
    width:60%; 
    }

    li.layer.sixeth img {margin-left:-5vh; width: 40px;}
    .animation {overflow:visible; min-height:250px; height:550px;}
    li.layer.sixeth {height:auto !important; min-height:650px;}
    li.layer.sixeth img {width:44px !important; margin-left:-2vh;}


}

@media only screen and (max-width: 800px) {

    li.layer.sixeth img {margin-left:-5vh; width: 40px;}
    .animation {overflow:visible; min-height:250px; height:450px;}
    li.layer.sixeth {height:auto !important; min-height:500px;}
    li.layer.sixeth img {width:24px !important; margin-left:-2vh;}


}



@media only screen and (max-width: 600px) {


#scene li.layer img {width:125%;}
#scene li.layer.first img {margin-top:auto;}
#scene {transform:none !important; padding:0px; margin:0px; margin-left:-35%;}
.animation {height:auto;}

}

@media only screen and (max-width: 450px) {

.animation {overflow:visible; min-height:250px;}
li.layer.sixeth {height:auto !important; min-height:300px;}
li.layer.sixeth img {width:24px !important; margin-left:-2vh;}

}