.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    background:white;
    border-radius:.5rem
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.card-body {
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
    text-align:center
}
.card img {
    border-radius: 5px 5px 0 0;
    width:100%
}
.card-img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    background-position:center;
    background-size:cover;
    height:30vh
}
.card-text-footer {
    margin-bottom: 0;
    background: #6387B1;
    color: white !important;
    padding: 12px 0;
    font-weight: 700;
    font-size: 20px !important;
    text-align: center;
    border-radius: 0 0 .5rem .5rem;
}