#paginaDepoimentos {
    float: left;
    width: 100%;
    padding: 0 0 50px 0;
}

/* Bloco Inicial */

.blocoInicial {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.blocoInicial h1 {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 300;
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    position: relative;
    margin: 0 0 25px 0;
    padding-bottom: 20px;
}

.blocoInicial .boxBaixo {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.blocoInicial .boxBaixo .texto .subtitulo {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    line-height: 28px;
    font-size: 18px;
}

/* Lista Depoimentos */

.listaDepoimentos {
    float: left;
    background: #F4F1EF;
    width: 100%;
    padding: 50px 0;
}

.listaDepoimentos h2 {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 300;
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    position: relative;
    margin: 0 0 40px 0;
    padding-bottom: 20px;
}

.listaDepoimentos h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
    width: 100px;
    height: 5px;
    background: #9E4B47;
}

.listaDepoimentos .listaFiltros {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}

.listaDepoimentos .listaFiltros .titulo {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin: 0 0 30px 0;
}

.listaDepoimentos .listaFiltros ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.listaDepoimentos .listaFiltros ul li {
    list-style: none;
    display: inline-block;
}

.listaDepoimentos .listaFiltros ul li + li {
    margin-left: 5px;
}

.listaDepoimentos .listaFiltros ul li a {
    color: #fff;
    background: #EA6C00;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 10px;
    transition: all 0.2s linear;
}

.listaDepoimentos .listaFiltros ul li.active a,
.listaDepoimentos .listaFiltros ul li a:hover {
    background: #BDBDBD;
}

.listaDepoimentos .lista {
    float: left;
    width: 100%;
}

.listaDepoimentos .lista ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 50px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 70px;
    grid-row-gap: 70px;
}

.listaDepoimentos .lista ul li {
    list-style: none;
    text-align: center;
}

.listaDepoimentos .lista ul li .texto {
    float: left;
    width: 100%;
}

.listaDepoimentos .lista ul li .texto p {
    margin: 0;
}

.listaDepoimentos .lista ul li .nome {
    float: left;
    width: 100%;
    color: #9E4B47;
    margin: 20px 0 5px 0;
    font-size: 20px;
}

@media (max-width: 768px) {

    /* Bloco Inicial */
    
    .blocoInicial h1 {
        padding: 0;
        font-size: 24px;
        line-height: 34px;
    }

    .blocoInicial .boxBaixo {
        flex-direction: column-reverse;
    }

    .blocoInicial .boxBaixo .col-sm-6 {
        float: left;
        max-width: 100%;
        width: 100%;
    }

    .blocoInicial .boxBaixo figure {
        text-align: center;
    }

    /* Lista Depoimentos */

    .listaDepoimentos {
        padding: 30px 0;
    }

    .listaDepoimentos h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .listaDepoimentos .listaFiltros .titulo {
        font-size: 18px;
        line-height: 28px;
    }

    .listaDepoimentos .listaFiltros {
        margin-bottom: 30px;
    }

    .listaDepoimentos .listaFiltros ul li a {
        margin-bottom: 10px;
    }

    .listaDepoimentos .lista ul {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

}