table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1em;
}

table thead tr {
    color: #ffffff;
    text-align: center;
}

.sublabel {
    background-color: #009879;
}

.superlabel {
    background-color: #0d633d;
}

table th {
    padding: .6rem 0;
    text-align: center;
    border: 1px solid black;
}

table tbody td {
    padding: 1rem 0;
    padding-left: .5rem;
    text-align: left;
    border: 1px solid black;
    background-color: rgba(128, 124, 115, 0.25);
}

table tbody tr {
    background-color: rgba(128, 124, 115, 0.25);
}

table tbody ul {
    padding: 0 1.5rem;
}

table tbody td:nth-of-type(odd) {
    background-color: rgba(243, 243, 243, .25);
}

@media (max-width: 800px) {
    table thead > * {
        font-size: .8rem;
    }

    table tbody td {
        font-size: .8rem;
        padding: 0 .3rem;
        text-align: center;
        min-width: 4rem;
    }

    table tbody tr:nth-of-type(odd) {
    background-color: rgba(243, 243, 243, .25);
}
    table tbody td:nth-of-type(odd) {
    background-color: rgba(128, 124, 115, 0.25);
}
}