.photo-grid{position:relative;padding:16px 0;text-align:center}.photo-grid .grid{position:relative;display:inline-block;width:1600px;max-width:100%;padding:0;margin:0;font-size:0}.photo-grid .grid:before{content:"";position:relative;display:block;width:100%;padding-top:62.5%}.photo-grid .grid .photo{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;padding:0;margin:0;font-size:0}.photo-grid .grid .photo.left{right:50%}.photo-grid .grid .photo.right{left:50%}.photo-grid .grid .photo.top{bottom:50%}.photo-grid .grid .photo.bottom{top:50%}.photo-grid .grid .photo .photo-frame{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;overflow:hidden;background-color:#000;border-radius:18px;z-index:10;background-size:cover;background-repeat:no-repeat;background-position:center center}.photo-grid .grid .photo .photo-frame:before{display:none}.photo-grid .grid .photo .photo-frame>img{position:relative;display:block;left:0;top:0;height:100%;width:auto;outline:0;border-radius:18px}.photo-grid .grid .photo.left .photo-frame{right:8px}.photo-grid .grid .photo.right .photo-frame{left:8px}.photo-grid .grid .photo.top .photo-frame{bottom:8px}.photo-grid .grid .photo.bottom .photo-frame{top:8px}.photo-grid .grid .photo.top .photo-frame>img,.photo-grid .grid .photo.bottom .photo-frame>img{width:102%;height:auto}@media(max-width:1600px){.photo-grid .grid .photo .photo-frame{border-radius:0}.photo-grid .grid .photo .photo-frame>img{border-radius:0}}@media(max-width:720px){.photo-grid{padding:30px 0;margin-top:-30px}.photo-grid .grid:before{padding-top:125%}.photo-grid .grid .photo.left,.photo-grid .grid .photo.right,.photo-grid .grid .photo.top,.photo-grid .grid .photo.bottom{top:50%;bottom:0}.photo-grid .grid .photo.left .photo-frame,.photo-grid .grid .photo.right .photo-frame,.photo-grid .grid .photo.top .photo-frame,.photo-grid .grid .photo.bottom .photo-frame{top:5px;bottom:0}.photo-grid .grid .photo.left .photo-frame{right:5px}.photo-grid .grid .photo.right .photo-frame{left:5px}.photo-grid .grid .photo.top .photo-frame>img,.photo-grid .grid .photo.bottom .photo-frame>img{height:100%;width:auto;left:-50%}.photo-grid .grid .photo.mobile-full-width{left:0;right:0;top:0;bottom:50%}.photo-grid .grid .photo.mobile-full-width .photo-frame{left:0;right:0;bottom:5px}.photo-grid .grid .photo.mobile-full-width .photo-frame>img{width:102%;height:auto;left:0}.photo-grid .grid .photo.mobile-left .photo-frame>img{left:0}.photo-grid .grid .photo.mobile-25-percent .photo-frame>img{left:-25%}.photo-grid .grid .photo.mobile-70-percent .photo-frame>img{left:-70%}.photo-grid.mobile-block{padding:0;margin:0}.photo-grid.mobile-block .grid{display:block;padding:8px 0}.photo-grid.mobile-block .grid:before{display:none}.photo-grid.mobile-block .grid .photo{position:relative;display:block;width:auto;height:auto;left:0;top:0;right:auto;bottom:auto;padding:8px 0}.photo-grid.mobile-block .grid .photo .photo-frame{position:relative;display:block;left:0;top:0;right:auto;bottom:auto;vertical-align:top}.photo-grid.mobile-block .grid .photo .photo-frame:before{content:"";position:relative;display:block;width:100%;padding-top:66.66%}.photo-grid.mobile-block .grid .photo .photo-frame>img{position:absolute;left:0;top:0;right:0;bottom:0}}