.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;padding:60px 20px;text-align:center;background:rgba(220,42,42,.7);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:12px;line-height:24px;color:#fff}.box .description:after,.box .title: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}}.hitam{color:#000;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.5}