/* cards */
.card{
    position:relative;
    display:block;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.125);
    border-radius:.5rem;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:transform .2s ease, box-shadow .2s ease;
    height:100%;
}
/* survol */
a:hover > .card,
.card:hover{
    box-shadow:0 8px 22px rgba(0,0,0,.16);
    transform:translateY(-4px);
}
.card-img-top{
    width:100%;
    height:220px;
    object-fit:cover;
    object-position:center;
    display:block;
}
.card-body{
    padding:1.25rem;
    text-align:center;
}
.card-title{
    margin:0 0 .75rem;
    line-height:1.2;
}
.card-text{
    margin:0 0 1rem;
    color:#555;
    font-size:14px;
    line-height:1.5;
}
/* bouton en bas */
.card-body .btn{ margin-top:auto; }

/* cards hauteur égale */
.cards-row{
    display:flex;
    flex-wrap:wrap;
}
.cards-row > [class*="col-"]{
    display:flex;
    margin-bottom:30px;
}
.cards-row > [class*="col-"] > .card,
.cards-row > [class*="col-"] > a > .card{
    width:100%;
}
/* corps flex */
.card-body{
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* mobile : pas de flex */
@media (max-width:991px){
    .cards-row{ display:block; }
    .cards-row > [class*="col-"]{ display:block; margin-bottom:24px; }
    .card{ max-width:480px; margin-left:auto; margin-right:auto; }
}