.lista_artigos {
    display: block;
    flex-flow: row wrap;
    display: flex;
}

.lista_artigos .artigo {
    display: flex;
    flex: 1 0 30%;
    flex-direction: column;
    min-width: 20%;
    word-wrap: break-word;
    border: 1px solid #E1E1E1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1%;
    max-width: 31%;
}

.lista_artigos .artigo img {
    display: block;
    background: #ABABAB;
    text-align: center;
    width: 100%;
}

.lista_artigos .artigo .texto {
    display: block;
    margin: 20px;
}

.lista_artigos .artigo .titulo {
    font-weight: bold;
    display: block;
    font-size: 1.3em;
}

.lista_artigos .artigo p {
    font-weight: normal;
    font-size: 1em;
}

.lista_artigos .artigo .texto a {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7em;
    text-decoration: none;
    color: #2e9bac;
}

.lista_artigos .artigo .texto a:hover {
    text-decoration: none;
    color: #2e9bac;
}

@media all and (max-width: 640px) {
    .lista_artigos .artigo {
        flex: 1 0 45%;
        margin: 2%;
    }
}

@media all and (max-width: 478px) {
    .lista_artigos .artigo {
        flex: 1 0 100%;
        margin: 4% 0;
        max-width: 100%;
    }
}