.hero-section {
    width: 100%;
    height: 60vh;
    background: grey;
    /* background-image: url(../img/12616-wingard-liberia-00246_1.JPG); */
    background-size: cover;
    background-position: center 10%;
    min-height: 200px;
}
.hero-section h2 {
    color: white; 
    margin-top: 25px;
}
@media only screen and (max-width: 600px) {
    .hero-section {
        height: 30vh;
        background-position: center bottom;
        background-size: 120%;
    }
}

.hero-section h1 {
    margin-top: 13vh;
    color: white !important;
}
@media only screen and (max-width: 600px) {
    .hero-section h1 {
        margin-top: 5vh;
    }
}