.cards{display:grid;gap:2rem;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:0;padding:0}@media screen and (max-device-width:480px){.cards{display:initial}}@media screen and (min-width:600px) and (max-width:900px) and (orientation:landscape){.cards{grid-template-columns:repeat(2,1fr)}}.card__img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:12px;border-top-right-radius:12px;height:235px;visibility:hidden;width:100%}.card__info-hover{opacity:0;padding:16px;position:absolute;top:0;width:100%}.card__img--hover{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:12px;border-top-right-radius:12px;height:235px;position:absolute;top:0;transition:all .2s ease-out;width:100%}.card{background-color:#fff;border-radius:12px;box-shadow:0 13px 10px -7px rgba(0,0,0,.1);margin-right:25px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:33.3%}.card:hover{box-shadow:0 30px 18px -8px rgba(0,0,0,.1);transform:scale(1.1)}.card__info{background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 24px 24px;z-index:2}.card__category{color:#ea1e63;font-size:13px;letter-spacing:5px;text-transform:uppercase}.card__title{font-family:Unit Bold;font-size:1.5em;margin-bottom:10px;margin-top:5px}.card:hover .card__img--hover{height:100%;opacity:.3}.card:hover .card__info{background-color:transparent;position:relative}.card:hover .card__info-hover{opacity:1}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#d7dbdf;color:#000}.nav-link{color:#d6d6d6}