.card,
.card *{
    transition: all ease-out 0.3s 0s;
}
.card{
    margin-bottom: 25px;
}
.card:hover{
    border-color: #a7d5ed;
    box-shadow: 0.3px 0.3px 9px rgba(0,0,0,0.1);
}
.card:hover h4,
.card:hover p,
.card:hover h3{
    color: var(--primary);
}
.card img{
    max-height: 300px;
    width: auto;
    max-width: 100%;
}
.card .img-holder{
    padding: 20px;
    height: 320px;
}
.card .card-head,
.card .card-body{
    padding: 15px 45px;
}
.card .card-head{
    border-bottom: solid 1px #f2f2f2;
}
.card .card-body{
    border-top: solid 1px #f2f2f2;
}
.card .card-head h3{
    font-weight: 700;
}
.card a{
    color:#555 
}
.card .card-head p,
.card .card-body p,
.card .card-body h4{
    margin-bottom: 0;
}
.card .card-body h4:not(:first-child){
    margin-top: 20px;
}
@media screen and (max-width:767px){
    .card .card-head, .card .card-body{padding: 15px}
}

.grid-all-center{
    display: grid;
    align-content: center;
    grid-template-columns: auto;
    justify-content: space-evenly;
}