#portfolio-grid .grid{width:calc(100% - 15px);margin:15px 0 0 auto}#portfolio-grid .grid .grid-sizer{width:calc(100% - 15px)}@media(min-width:41.6875em) and (max-width:64.0525em){#portfolio-grid .grid .grid-sizer{width:calc(50% - 15px)}}@media(min-width:64.0625em){#portfolio-grid .grid .grid-sizer{width:calc(20% - 15px)}}#portfolio-grid .grid .single{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;padding:3rem;width:calc(100% - 15px);margin-bottom:15px;background:pink;height:30vh}@media(min-width:64.0625em){#portfolio-grid .grid .single{width:calc(20% - 15px)}}@media(min-width:64.0625em){#portfolio-grid .grid .single.width-2{width:calc(40% - 15px)}}@media(min-width:64.0625em){#portfolio-grid .grid .single.height-2{height:calc(60vh + 15px)}}#portfolio-grid .grid .single .image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}#portfolio-grid .grid .single .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);transition:3s all}#portfolio-grid .grid .single:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:1s all;pointer-events:none}#portfolio-grid .grid .single:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(16deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);opacity:.6;transition:1s all;pointer-events:none}#portfolio-grid .grid .single .content{position:relative;z-index:2;width:100%;color:#fff}#portfolio-grid .grid .single .content h3{line-height:1;margin:0}#portfolio-grid .grid .single:hover .image img{-webkit-transform:translate3d(0,0,0) scale(1.08);transform:translate3d(0,0,0) scale(1.08)}#portfolio-grid .grid .single:hover:before{opacity:1}#portfolio-grid .grid .single video{width:100%;height:100%;object-fit:cover}