#demos{text-align:center}.demo{position:relative;margin-bottom:30px}.demo::before{content:url(../img/dots.png);position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-2}.demo.inverse::before{content:url(../img/dots-inverse.png);right:0;left:initial}.demo::after{background:transparent -webkit-linear-gradient(left,#dce1e5 0%,#ffffff 50%) repeat scroll 0 0;background:transparent linear-gradient(to right,#dce1e5 0%,#ffffff 50%) repeat scroll 0 0;color:#fff;content:"";font-family:kanit,sans-serif;font-size:3em;font-weight:600;height:75%;letter-spacing:10px;padding-top:30px;position:absolute;right:0;text-align:left;top:0;width:57%;z-index:-1}.demo.inverse::after{background:transparent -webkit-linear-gradient(left,#ffffff 0%,#dce1e5 150%) repeat scroll 0 0;background:transparent linear-gradient(to right,#ffffff 00%,#dce1e5 150%) repeat scroll 0 0;left:0;text-align:right}.demo .demo-info{text-align:right}.demo.inverse .demo-info{text-align:left}.demo-info .demo-number{color:#bcc6ce;display:block;font-family:kanit,sans-serif;font-size:100px;font-weight:200;line-height:70px;margin-top:30px}.demo .demo-img{margin-top:100px;text-align:right}.demo .demo-img img{-webkit-transition:all 1s;transition:all 1s;display:inherit}.demo.inverse .demo-img{text-align:left}.demo-img img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}ul.memphis-parallax{margin:0;padding:0}ul.memphis-parallax li{list-style:none;position:absolute;z-index:0}.demo-info h6{font-size:16px}