@media screen and (min-width: 240px) {

    /*STYLE ALL ___________________________________*/
    .complaints-book {
        background-color: white;
        padding: 35px 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 50px 0;
        max-width: none;
    }

    h1 {
        font-family: 'Nunito', sans-serif !important;
        font-weight: 900;
    }

    .complaints-book .container {
        max-width: 1600px;
        width: 100%;
    }

    .complaints-book .wrapper {
        padding: 0 40px;
    }

    .list {
        max-width: 1000px;
        min-width: 350px;
        background-color: #fff;
        border-radius: 0.3rem;
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: space-around;
        gap: 1rem;
        margin: 0rem auto;
    }

    .preguntas-frecuentes {
        width: 80% !important;
    }

    .title {
        font-size: 1.2rem !important;
    }

    .segment,
    .steps {
        width: 80% !important;
    }

    .segment3 {
        min-height: 500px;
    }
}