body {
    font-family: arial, sans-serif;
    background-color: #336659;
    color: aliceblue;
}
 
table {
    border-collapse: collapse;
    width: 100%;
    max-width: 1800px;
}
 
tr:nth-child(odd) {
    background-color: #1f493d;
}
 
td, th {
    padding: 0.3em 0.4em;
}
 
th {
    text-align: left;
    border-bottom: 5px solid rgb(22, 58, 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.2rem;
        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(6)::after {
        content: ", ";
    }
}