.flexbin{display:flex;overflow:hidden;flex-wrap:wrap;margin:-2.5px;}
.flexbin:after{content:'';flex-grow:999999999;min-width:300px;height:0;}
.flexbin > *{position:relative;display:block;height:400px;flex-grow:1;}
.flexbin > * > img{-webkit-filter:grayscale(1);transition:all 0.5s;filter:grayscale(1);height:400px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom;}
.flexbin > * > img:hover{transition:all 0.5s;-webkit-filter:grayscale(0);filter:grayscale(0);}
.flexbin.flexbin-margin{margin:2.5px;}
@media (max-width:1439px){.flexbin{display:flex;overflow:hidden;flex-wrap:wrap;margin:-2.5px;}
.flexbin:after{content:'';flex-grow:999999999;min-width:350px;height:0;}
.flexbin > *{position:relative;display:block;height:350px;flex-grow:1;}
.flexbin > * > img{height:350px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom;}
.flexbin.flexbin-margin{}
}
@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;flex-grow:1;}
.flexbin > * > img{height:150px;object-fit:cover;max-width:100%;min-width:100%;vertical-align:bottom;}
.flexbin.flexbin-margin{}
}
@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;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;}
}
@media (max-width:320px){.flexbin > * > img{height:85px;}
.flexbin > *{height:85px;}
}