table {
    border-collapse: collapse;
    border-spacing : 0;
    width          : 100%;
    overflow       : hidden;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

th,
td {
    padding: 15px;

}

@media (max-width: 599px) {
    thead {
        display: none;
    }

    tr {
        display: block;
        margin : 0 0 20px 0;
    }

    td {
        display   : block;
        text-align: right;
    }

    td:before {
        content    : attr(aria-label);
        float      : left;
        font-weight: bold;
    }

    td:last-child {
        border-bottom: 0;
    }

    /* tr:nth-child(odd) {
        background-color: #f2f2f2;
    } */

    tr:nth-child(even) {
        background-color: #ffffff;
        border-width    : 3px 0 3px 0;
        border-style    : solid;
        border-color    : #e5e5e5;
    }
}