:root {
  --primary-color: rgb(99, 57, 133);
  --secondary-color: rgb(112, 110, 106);
  --tertiary-color: rgb(228, 228, 228);
}

#middle h3 {
    color: var(--primary-color);
    font-weight: bolder;
    margin-bottom: .5em;
}

#middle ul {
    margin-bottom: 1.5em;
}

#middle .disclaimer {
    color: var(--primary-color);
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

/* Table formatting */
#middle table {
    border: 1px solid black;
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}

#middle th, #middle td {
    border: 1px solid black;
    padding: .3%;
    text-align: center;
}

#middle th {
    color: black;
    font-size: 80%;
}

#middle tr:nth-child(odd) {
    background-color: #ccc;
}

/* Increase table font size for tablet and above */
@media screen and (min-width: 620px), print {
    #middle th {
        font-size: 100%;
    }
}