#about {
    background: url('/static/main/images/about2.png');
    width: 100%;
    background-size: 100% 100%;
    display: flex;
}

#about2 {
    padding-bottom: 5vw;
    width: 85vw;
    margin-top: 2vw;
    margin-left: 8vw;
    background: url('/static/main/images/aboutIMG.png');
    background-size: 100% 100%;
}


.Text3, #about2 h1 {
    margin-left: 35vw;
    color: rgb(216, 120, 67);
}

#about2 h1 {
    font-size: 3vw;
    margin-top: 3vw;
    position: absolute;
}

.Text3 {
    text-align: justify;
    line-height: 1.6vw;
    font-size: 1vw;
    margin-top: 7.5vw;
    letter-spacing: 0.05vw;
    font-weight: 600;
}

.Text3 ul {
      padding-left: 4vw;
}

.dot-space {
    display: inline-block;
    width: 25px; /* регулируемый отступ */
}

.Text3 h2 {
    font-size: 1.3vw;
    font-weight: 800;
}

.Text3 {
    width: 45vw;

}

.aboutImage {
    position: absolute;
    width: 30vw;
    margin-left: 10vw;
    margin-top: 10vw;


}

@media screen and (max-width: 800px) {
    #about {
        height: 125vw;
        display: grid;
        gap: 5vw;
    }

    #about2 {
        background: url(/static/main/images/aboutFon.png);
        background-size: 100% 100%;
        height: 118vw;
    }

    .Text3, #about2 h1 {
        margin-left: 8vw;
    }

    #about2 h1 {
        font-size: 6vw;
        margin-top: 5vw;
    }

    .Text3 {
        font-size: 2vw;
        width: 70vw;
        margin-top: 15vw;
        letter-spacing: 0.2vw;
        line-height: 2.8vw;
        font-weight: 500;
    }

    .DOT {
        line-height: 2vw;
    }

    .aboutImage {
        margin-top: 90vw;
        margin-left: 30vw;
        width: 35vw;

    }
}