.flexbin{display:flex;overflow:hidden;flex-wrap:wrap;margin:-2.5px;height:390px}.flexbin:after{content:'';flex-grow:999999999;min-width:300px;height:0}.flexbin>a{position:relative;display:block;height:150px;margin:2.5px;flex-grow:1}.flexbin>a figcaption{position:absolute;top:0;left:0;width:100%;height:175px;background:rgba(0,0,0,.6);opacity:0;text-align:center;padding:15%}.flexbin>a figcaption:before{position:absolute;top:40px;right:50px;bottom:40px;left:50px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);z-index:4}.flexbin>a:hover figcaption,.flexbin>a:hover figcaption:before{opacity:1}.flexbin>a>img{height:175px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom}.flexbin.flexbin-margin{margin:0}.flexbin>a figcaption p{color:#fff;text-transform:uppercase}@media (max-width:980px){.flexbin{display:flex;overflow:hidden;flex-wrap:wrap;margin:-2.5px}.flexbin:after{content:'';flex-grow:999999999;min-width:150px;height:0}.flexbin>*{position:relative;display:block;height:150px;margin:2.5px;flex-grow:1}.flexbin>*>img{height:150px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom}.flexbin.flexbin-margin{margin:2.5px}}@media (max-width:400px){.flexbin{display:flex;overflow:hidden;flex-wrap:wrap;margin:-2.5px}.flexbin:after{content:'';flex-grow:999999999;min-width:100px;height:0}.flexbin>*{position:relative;display:block;height:100px;margin:2.5px;flex-grow:1}.flexbin>*>img{height:100px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom}.flexbin.flexbin-margin{margin:2.5px}}