.card{
    background: transparent;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    cursor: pointer;
    border: none;
}

.card:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.card h3{
    font-weight: 600;
    text-align: center;
}

.card img{
    padding-top: 0px;
    max-width: 199px;
    margin: auto;
    display: block;
}

@media(max-width: 990px){
    .card{
        margin: 20px;
    }
}

.bg {
    background-image: url('/Themes/Styles/assets/img/LandingPage.jpg');
    height: 100%;
    /* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}