@media screen and (max-width: 760px) {
    p {
        font-size: 18px;
    }

    body,
    html {
        overflow-x: hidden;
    }

    .mobile_header,
    .m_aboutbg,
    .help_section,
    .bg1,
    .bg2,
    .bg3,
    .bg4 {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }

    h1,
    h2 {
        background: linear-gradient(#fff, #fff);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-color: black;
        -webkit-text-stroke-width: 1px;
        font-weight: 900;
        text-transform: lowercase;
    }

    .mobile_header {
        background-image: url('../images/mobile-header.png');
        height: 215vw;
        z-index: 10;
        position: relative;
        padding: 10vw;
        text-align: center;
    }

    .mobile_header .content {
        margin: auto;
        color: #fff;
        padding-top: 20vw;
    }

    .mobile_header .content h1 {
        font-size: 25vw;
        margin: 5vw 0;
        line-height: 25vw;
    -webkit-text-stroke-width: 1.5px;

    }

    .mobile_header .content img {
        width: 30vw;
        margin: auto;
        display: block;
        margin-top: 5vw;
    }

    /* about */

    .m_aboutbg {
        background-image: url('../images/m-aboutbg.png');
        height: 420vw;
        position: relative;
        padding: 10vw 5vw;
    }

    .m_aboutbg .main_content {
        position: absolute;
        z-index: 999;
        top: 23vw;
        display: flex;
        flex-direction: column;
        gap: 14vw;
        left: 12vw;
    }


    .m_aboutbg .box_1 .text-1 {
        display: flex;
        align-items: start;
        gap: 1vw;
    }

    .m_aboutbg .box_1 .text-1 h1 {
        font-size: 13vw;
        text-transform: uppercase;
     font-family: Simpsonfont; 

    }

    .m_aboutbg .box_1 .text-1 h2 {
        text-align: center;
        text-transform: lowercase;
        font-size: 10vw;
        line-height: 10vw;
    -webkit-text-stroke-width: 0.1px;

    }

    .m_aboutbg .box_1 a {
        background-color: #9E7840;
        padding: 2vw 8vw;
        border-radius: 8vw;
        color: #fff;
        display: block;
        margin-top: 2vw;
        width: fit-content;
        text-align: center;
        margin: auto;
        font-size: 6vw; 
        text-transform: lowercase;
    }

    .bg1 {
        background-image: url("../images/bg\ 6.png");
        height: 250vw;
    }

    .bg2 {
        background-image: url("../images/bg2.png");
        height: 430vw;
    }
     .bg3 {
        background-image: url("../images/bg3.png");
        height: 600vw;
    }
     .bg4 {
        background-image: url("../images/footerbg.png");
        height: 1200px;
    }

    .helpimg1 {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

}