Body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(175, 175, 255);
}

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

tr:nth-child(even) {
     background-color: rgba(255, 228, 196, 0.555);
}

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

th {text-align: left;
    border-bottom: 2px solid rgba(0,0,0,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+10) {
        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),
      td:nth-child(8){
      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: ", ";
}

}