/* Mobile background images here */
.hero-logo-wrapper-jm {
    width: 40%;
    min-height: 600px;
    background-image: url(../images/logo_1.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.hero-jm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    background-image: url(../images/new_slide1-p-1080.jpeg);
    background-position: 50% 50%;
    background-size: cover;
}

@media (min-width: 480px) {

    /* Desktop here*/
    .hero-jm {
        padding: 0 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 100%;
        justify-content: center;
        align-items: center;
        background-image: url(../images/new_slide1-p-2000.jpeg);
        background-position: 50% 50%;
        background-size: cover;
    }

}