.project-box{position:relative;width:100%;overflow:hidden;background-color:#151515;-webkit-transition:opacity .5s ease 0s,-webkit-transform .5s ease 0s;-moz-transition:opacity .5s ease 0s,-moz-transform .5s ease 0s;-ms-transition:opacity .5s ease 0s,-ms-transform .5s ease 0s;-o-transition:opacity .5s ease 0s,-o-transform .5s ease 0s;transition:opacity .5s ease 0s,transform .5s ease 0s}.project-box:before{content:"";display:block;padding-top:100%}.project-content{position:absolute;top:0;left:0;bottom:0;right:0;color:#fff}.project-bg{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-opacity:1;opacity:1;background-position:center center;-webkit-transition:opacity .5s ease 0s,-webkit-transform .5s ease 0s;-moz-transition:opacity .5s ease 0s,-moz-transform .5s ease 0s;-ms-transition:opacity .5s ease 0s,-ms-transform .5s ease 0s;-o-transition:opacity .5s ease 0s,-o-transform .5s ease 0s;transition:opacity .5s ease 0s,transform .5s ease 0s}.project-box:hover .project-bg{-webkit-opacity:.3;opacity:.3;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);-webkit-transition:opacity .5s ease 0s,-webkit-transform .5s ease 0s;-moz-transition:opacity .5s ease 0s,-moz-transform .5s ease 0s;-ms-transition:opacity .5s ease 0s,-ms-transform .5s ease 0s;-o-transition:opacity .5s ease 0s,-o-transform .5s ease 0s;transition:opacity .5s ease 0s,transform .5s ease 0s}.project-content div{display:table;width:100%;height:100%}.project-content span{display:table-cell;text-align:center;vertical-align:middle;color:#fff;padding:15px}.project-content span h3{color:#fff;-webkit-opacity:0;opacity:0;margin:1em 0;font-size:24px;line-height:28px;-webkit-transform:scale3d(1.25,1.25,1);transform:scale3d(1.25,1.25,1);-webkit-transition:opacity .5s ease 0s,-webkit-transform .5s ease 0s;-moz-transition:opacity .5s ease 0s,-moz-transform .5s ease 0s;-ms-transition:opacity .5s ease 0s,-ms-transform .5s ease 0s;-o-transition:opacity .5s ease 0s,-o-transform .5s ease 0s;transition:opacity .5s ease 0s,transform .5s ease 0s}.project-box:hover .project-content span h3{-webkit-opacity:1;opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:opacity .5s ease 0s,-webkit-transform .5s ease 0s;-moz-transition:opacity .5s ease 0s,-moz-transform .5s ease 0s;-ms-transition:opacity .5s ease 0s,-ms-transform .5s ease 0s;-o-transition:opacity .5s ease 0s,-o-transform .5s ease 0s;transition:opacity .5s ease 0s,transform .5s ease 0s}