.parallax { height: 500px; height: 100vh; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 300px; perspective: 300px; }
.group { position: relative; height: 500px; height: 100vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fore { -webkit-transform: translateZ(90px) scale(.7); transform: translateZ(90px) scale(.7); z-index: 1; }
.base { -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 4; }
.back { -webkit-transform: translateZ(-300px) scale(2); transform: translateZ(-300px) scale(2); z-index: 3; }
.deep { -webkit-transform: translateZ(-600px) scale(3); transform: translateZ(-600px) scale(3); z-index: 2; }
.title { position: absolute; width:300px; font-size:15; font-family:'flexo'; color: #222222; text-align:left; background-color:rgba(255,255,255,0.6); padding:20px; border-radius:10px; }
.button { text-align: center; padding:10px; font-size:15; font-family:'flexo'; color: #ffffff; background:#660000; border-radius:5px; cursor:pointer; width:120px; }
.depth1 { z-index: 1; }
.depth2 { z-index: 2; }
.depth3 { z-index: 3; }
.depth4 { z-index: 4; }
.depth5 { z-index: 5; }