.demo{padding:3em 0}.box{position:relative;perspective:1000px}.box .box-img{transform:rotateY(0);transition:all .5s ease-in-out 0s}.box:hover .box-img{transform:rotateY(-90deg)}.box .box-img img{width:100%;height:auto}.box .box-content{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;transform:rotateY(90deg);transition:all .5s ease-in-out 0s}.box:hover .box-content{transform:rotateY(0)}.box .title{font-size:20px;color:#fff;text-transform:uppercase}.box .description{font-size:14px;line-height:24px;color:#fff}.box .title:after,.box .description:after{content:"";width:80%;display:block;border-bottom:1px solid #fff;margin:15px auto}.box .social-links{margin:0;padding:0;list-style:none}.box .social-links li{display:inline-block;margin:0 10px}.box .social-links li a{font-size:20px;color:#a6a6a6}.box .social-links li a:hover{text-decoration:none;color:#fff}@media only screen and (max-width:990px){.box{margin-bottom:20px}}@media only screen and (max-width:479px){.box .box-content{padding:20px}}.demo{padding:3em 0}.boxa{position:relative;perspective:1000px}.boxa .box-img{transform:rotateY(0);transition:all .5s ease-in-out 0s}.boxa:hover .box-img{transform:rotateY(-90deg)}.boxa .box-img img{width:100%;height:auto}.boxa .box-content{width:100%;height:100%;position:absolute;top:-13px;left:0;padding:60px 20px;text-align:center;transform:rotateY(90deg);transition:all .5s ease-in-out 0s}.boxa:hover .box-content{transform:rotateY(0)}.boxa .title{font-size:20px;color:#fff;text-transform:uppercase}.boxa .description{font-size:14px;line-height:24px;color:#fff}.boxa .title:after,.boxa .description:after{content:"";width:80%;display:block;border-bottom:1px solid #fff;margin:15px auto}.boxa .social-links{margin:0;padding:0;list-style:none}.boxa .social-links li{display:inline-block;margin:0 10px}.boxa .social-links li a{font-size:20px;color:#a6a6a6}.boxa .social-links li a:hover{text-decoration:none;color:#fff}@media only screen and (max-width:990px){.boxa{margin-bottom:20px}}@media only screen and (max-width:479px){.boxa .box-content{padding:20px}}