@media screen and (max-width: 768px) {
    footer {
        height: 42vh;
        width: 100vw;
    }

    .section4 {
        margin: 0;
        width: 100vw;
        height: 40vh;
    }

    .section4-div1-left {
        width: 100%;
        height: 50%;
    }

    .section4-div1-right {
        width: 100%;
        height: 50%;
        margin-top: 10%;
    }

    .section4-div2 {
        width: 100%;
        height: 15%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .section4-div2-Left {
        width: 100%;
        height: 100%;
        text-align: left;
        text-align: center;

    }

    .section4-div2-Left p span {
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        margin-left: 10px;
    }

    .section4-div2-Right {
        width: 100%;
        height: 100%;
        text-align: right;
        margin-left: 10px;

    }

    .rules p span {
        display: grid;
        place-items: center;
        place-content: center;
        width: 100%;
        height: 100%;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        text-align: right;
    }

    #section4-up {
       display: none;
    }

}