.card-grid{grid-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;margin:2em 0}.card{flex-basis:20%;max-width:20%!important}.snip1521{background-color:#fff;color:#000;font-family:Open Sans,sans-serif;font-size:16px;margin:10px;max-width:315px;min-width:230px;overflow:hidden;position:relative;text-align:center;width:100%}.snip1521 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}.snip1521 img{backface-visibility:hidden;height:100%!important;max-width:100%;object-fit:cover;vertical-align:top}.snip1521 figcaption{background-color:#ffffffd6;border-radius:5px;height:44px;left:50%;line-height:1.1em;overflow:hidden;padding:5px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:270px!important;z-index:1}.snip1521 h3{font-size:.9em;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.snip1521 h3.hover{color:#fff;font-weight:800}.snip1521 a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.snip1521.hover>img,.snip1521:hover>img{opacity:.8}.snip1521.hover figcaption,.snip1521:hover figcaption{background-color:#15b8f3}h3.title{color:#15b8f3;font-weight:600;margin:3px 0 0!important}.snip1521.hover .hover,.snip1521.hover .title,.snip1521:hover .hover,.snip1521:hover .title{-webkit-transform:translateY(-150%);transform:translateY(-150%)}