@media (max-width: 1200px) {
    body {

        background: url("../../willbetgamebettingsa/image/mobile-casino2.jpg") no-repeat top center #f4e6cc;
        background-size: contain;
    }

    header {
        height: 14.8150vw;
        background: rgba(0, 0, 0, 0);
    }

    .logo {
        display: none;
    }

    .logomobile {
        height: 12.687vw;
        width: 39.272vw;
        margin: 1.66vw 0 0 1.33vw;
        display: block;
    }

    .header-btns {
        margin: 0 3.2vw 0 auto;
        order: 2;
    }

    .btn-signup {
        width: 24vw;
        height: 8.26vw;
        margin: 4.26vw 0 0 1.6vw;
        font-size: 3.2vw;
        border-radius: 5.25vw;
    }

    .btn-login {
        width: 24vw;
        height: 8.26vw;
        margin: 4.26vw 0 0 1.6vw;
        font-size: 3.2vw;
        border-width: 2px;
        border-radius: 5.25vw;
        border-color: black;
        color: #000;
    }

    .btn-cta {
        width: 53.33vw;
        height: 10.8vw;
        font-size: 4.369vw;
        margin: 0 auto;
    }

    .hero-text {

        width: 100vw;
        line-height: 7.46vw;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 5vw;
        gap: 2vw;
    }

    .hero-text .p1 {
        font-size: 6.282vw;
        line-height: 1;
        color: #000;
        margin-top: 1vw;
    }

    span.herotext {
        font: normal normal 800 8.922vw/9.893vw Montserrat;
        letter-spacing: 0px;
        color: #2A1C13;
        text-shadow: 3px 3px 2px #FFFFFF42;
        opacity: 1;
        width: 93vw;
    }

    .hero .btn-cta {
        width: 57.33vw;
        height: 13vw;
        margin: 4vw 0vw 10vw;
        border-radius: 8vw;
    }

    footer {
        font-size: 3.2vw;
        padding-top: 106vw;
        line-height: 5.094vw;
    }

    footer p {
        padding: 0 2vw;
    }

    div#footerLinks {
        display: block;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        width: 28vw;
        padding: 0 2vw;
    }

}

@media (min-width: 700px) and (max-width: 1200px) {
    body {
        background: url("../../willbetgamebettingsa/image/mobile-casino2.jpg") no-repeat top center #f4e6cc;
        background-size: contain;
    }

    .hero-text a {
        margin-top: 1vw;
    }

    footer {
        padding-top: 95vw;
    }

    .hero-text .p1 {
        font-size: 7vw;
        margin-top: 5vw;
    }
}