body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbd8ff;
}

table{
    border-collapse: collapse;
    width: 100%;
    max-width: 1600px;
}

tr:nth-child(odd) {
    background-color: rgba(228, 194, 255, 0.5);
}

td, th {
    padding: 0.2em 0.4em;
}

th{
    text-align: left;
    border-bottom: 5px solid rgba(93, 0, 136, 0.5);
}

@media (max-width: 1200px) {
    th,
    tr:first-child {display: none;}
    table, tbody, tr, td {
        display: block;
    }

    body {
        font-size: 110%;
    }
td:first-child, 
td:nth-child(n+9) {
    font-weight: bold;
}
td {padding: 0;}
tr {padding: 0.2em;
    position: relative;}
td:last-child {
    position: absolute;
    top: 0.2rem;
    right: 0;
    font-size: 150%;
    opacity: 0.5;
}
td:nth-child(5), 
td:nth-child(6), 
td:nth-child(7) {
display: inline;
}

td:nth-child(3)::after {
    content: " v.";
}

td:nth-child(9)::before {
    content: "1.";
}
td:nth-child(10)::before {
    content: "2.";
}
td:nth-child(11)::before {
    content: "3.";
}
td:nth-child(5)::after,
td:nth-child(5)::after {
    content: ", ";
}

}