@media screen and (max-width:1100px) {
    .never-give {
        margin-top: 150px;
        margin-bottom: 109px;
        flex-direction: column;
    }

    .float-container.stories {
        margin: 150px 0;
    }

    .flex-container.enough {
        flex-direction: column;
    }

    .flex-t-left,
    .flex-t-right {
        flex: 100%;
    }

    .flex-t-left,
    .flex-t-right {
        top: 218px;
    }

    .flex-t-left,
    .flex-t-right {
        flex: 100%;
        margin-top: 250px;
    }

    section.flex-container.why-do {
        margin-top: 808px;
        flex-direction: column-reverse;
    }

    .flex-f-right {
        margin-top: 50px;
        margin-bottom: 100px;
        flex: 100%;
        position: relative;
        top: -90px;
    }

    .flex-f-left::before {
        right: -42px;
    }

    .flex-f-left {
        flex: 40%;
        position: relative;
        top: -180px;
    }


}

@media screen and (max-width:500px) {
    .about {
        display: none;
    }
}