.portfolio-grid{background:#FFF;margin:0 auto;position:relative}.portfolio-grid:after{content:'';display:block;clear:both}.grid-item,.grid-sizer{width:25%}.grid-item{display:inline-block;position:relative}.grid-item:before{display:block;content:" ";width:100%;padding-bottom:100%}.grid-item .grid-item-inner{border:1px solid #FFF;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:0;padding:20px}.grid-item .grid-item-inner .overlay{position:absolute;top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:-1}.large,.medium{width:50%}.grid-item .grid-item-inner h3{font-size:42px;text-align:center;color:#FFF;opacity:0;transition:.5s ease;z-index:9!important}.grid-item .grid-item-inner h3 small{font-size:30px}.grid-item .grid-item-inner:hover h3{opacity:1}.grid-item{height:275px}.large{height:600px}.grid-item.vertical-large{height:650px}.grid-item.vertical-medium{height:325px}.medium:before{padding-bottom:50%}@media (max-width:992px){.grid-item,.grid-sizer{width:33.33%}.grid-item{height:250px}.width2{width:66.67%}.height2{height:500px}}@media (max-width:680px){.grid-item,.grid-sizer,.width2{width:100%}.grid-item{height:350px!important}.height2{height:400px}}