/* -- -- -- CSS - DIV img + texto -- -- -- */
.div_imgtxt {
    background: #0080a8;
    padding: 0px 2% 2% 2%;
    color: white;
}

#div_imgtxt_1 {
    padding: 2% 2% 0px 2%;
}
#div_imgtxt_2 {
    padding: 0px 2%;
}
#div_imgtxt_3 {
    padding: 0px 2% 2% 2%;
}

.div_imgtxt div[class='container'] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_imgtxt_h4_p {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
}

.titulo_imgtxt_h1 {
    font-size: 2.5rem;
}

#titulo_imgtxt_h1_1, #titulo_imgtxt_h1_3 {
    display: none;
}

.titulo_imgtxt_h4 {
    font-size: 1.5rem;
}

.img1, .img2, .img3 {
    height: 100px;
    width: auto;
    float: left!important;
}

/* -- -- RESPONSIVE - @media -- -- */
@media screen and (max-width: 991px)
{
    #titulo_imgtxt_h1_2, #titulo_imgtxt_h1_3 {
        display: none;
    }
    #titulo_imgtxt_h1_1 {
        display: block;
    }
    .div_imgtxt div[class='container'] {
        flex-direction: column;
        text-align: center;
    }
    .div_imgtxt_h4_p {
        margin-left: 0px;
    }
    .img1, .img2, .img3 {
        margin: 1rem 0px;
        float: left!important;
        width: 90px;
        height: auto;
    }
    .titulo_imgtxt_h4 {
        margin-left: 5%;
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 767px)
{
    .titulo_imgtxt, .titulo_imgtxt_h1 {
        font-size: 2rem;
    }
}
@media screen and (max-width: 500px)
{
    .titulo_imgtxt_h1 {
        font-size: 1.75rem;
    }
}