@media only screen and (max-width: 767px) {
    .row {
        width: initial;
    }

    .banner-home {
        min-height: 640px;
        background-position: center top;
        background-image: initial;
        background-color: initial;
        padding-top: initial;
        padding-left: initial;
        background-image: url(/img/hero_Desktopbg.webp);
        background-position: top center;
        height: 100vh;
    }

    .logo {
        position: relative;
        top: 60vh;
        padding-bottom: 50vh;
        text-align: center;
    }

        .logo img {
            width: 60%;
            max-width: 250px;
        }

    .banner-home-title {
        width: initial;
        position: relative;
        top: 10vh;
        text-align: center;
        color: #fff;
    }

        .banner-home-title h1 {
            padding: 30px;
            font-size: 21px;
        }

    .footer {
        padding: 30px;
    }

        .footer * {
            text-align: center;
        }

    .footer-logo {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}