/* Import Fonts & All CSS */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700");

table {
    border-collapse: collapse;
    font-size: 0.8em;
}

td, th {
    padding: 5px 10px;
   <!-- border: 1px solid grey;-->
}

th {
    align-content: center;
    color: #000;
    font-weight: 500;
}

table thead, table tr, table th {
        align-content: center;
    }


@media (max-width: 30em) {
    table {
        width: 100%;
        font-size: 0.8em;
    }
    table tr {
        display: flex;
        flex-direction: column;
       <!-- border: 1px solid grey;-->
        padding: 1em;
        margin-bottom: 1em;
    }
    
    table td [data-titulo] {
        display: flex;
    }
    
    table td, table th {
        border: none;
    }
    
    table td[data-titulo]::before {
       content: attr(data-titulo); 
        width: 90%px;
        color: salmon;
        font-weight: bold;
    }
    
    table thead {
        display: none;
    }
}