.strange-grid { padding-top:45px; padding-bottom:90px; font-family: 'HelveticaNeueLTPro-Roman', Arial, san-serif;}
.strange-grid img { width: 100%; height: auto;  }
.strange-grid .row > div { padding: 0; }
.strange-grid .image {position: relative; }
.strange-grid .caption {  position:absolute; bottom: -70px; left: 0px; background-color: #000; padding:20px; width: 100%; margin-bottom:0px; color: #fff; transition: bottom .5s;  }
.strange-grid .image:hover .caption { bottom: 0px; }
.strange-grid .image { overflow:hidden; }
.strange-grid .row > div.justify-content-start:nth-child(1) .image:nth-child(1), .strange-grid .row > div.justify-content-start:nth-child(3) .image:nth-child(1) { max-width: 100%; }

.strange-grid a, .strange-grid .nolink { display:block; width: 100%; height: 100%; color: #e6e6e6; }
.strange-grid a .link, .strange-grid .nolink .link,  .strange-grid a .play { position: absolute; top: 50%; left: 0; width:100%; text-align:center;}
.strange-grid a .link span, .strange-grid .nolink .link span, .strange-grid a .play span {  display:inline-block; transition: opacity .5s, font-size .5s; min-width:120px; display:inline-block; padding: 10px 20px; font-weight:bold; border-radius: 20px; cursor: pointer; font-size: 28px;  text-align:center; opacity:0; }
.strange-grid a .link span, .strange-grid a:hover .link span, .strange-grid .nolink:hover .link span, .strange-grid a:hover .play span { opacity:1; }

.strange-grid a, .strange-grid .nolink { overflow: hidden; }
.strange-grid a .link, .strange-grid .nolink .link { transition: background-color .3s; }
.strange-grid a .link, .strange-grid .nolink .link { height:100%; top:0px !important;  display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; }
.strange-grid a .link, .strange-grid .nolink .link {  background-color: rgba(0,0,0, .4);  }
.strange-grid a:hover .link, .strange-grid .nolink:hover .link {  background-color: rgba(0,0,0, .0); }
.strange-grid a .link span, .strange-grid .nolink span { height:45px; min-width: 50%;}

.papion-colonne.mobile.slick-initialized .slick-track { display: flex; align-items: center; justify-content: center; }

@media (max-width:500px){

.strange-grid { padding-bottom:45px; }
}