.hero {
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 6rem 0;
}
.hero h1, .hero p {
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
.card-hover {
    transition: transform .2s ease, box-shadow .2s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.hover-shadow {
    transition: transform .2s ease, box-shadow .2s ease;
}
.hover-shadow:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}