#cfp h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
#cfp th,
#cfp td { padding: 6px 3px; }
#cfp th {
    text-align: center;
    vertical-align: middle;
    background-color: #7a0019;
}
#cfp th a {
    color: white;
    text-decoration: none;
}
#cfp th a:hover { text-shadow: none; }
#cfp th a.selected {
    color: orange;
    font-weight: bold;
}
#cfp tr.rank4 { background-color: #FFFAE0; }
#cfp tr.rank4:hover { background-color: #ebdeb8; }
#cfp tr.rank3 { background-color: #FFE5B4; }
#cfp tr.rank3:hover { background-color: #e1c083; }
#cfp tr.rank2 { background-color: #F7C588; }
#cfp tr.rank2:hover { background-color: #c89659; }
#cfp tr.rank1 { background-color: #C49871; }
#cfp tr.rank1:hover { background-color: #956942; }
#cfp tr.rank0 { background-color: #888; }
#cfp tr.rank0:hover { background-color: #777; }
#cfp tr.available { font-weight: bold; }
#cfp td {
    color: black;
    text-align: center;
    vertical-align: middle;
}
@media only screen and (max-width: 768px) {
    #cfp th:nth-child(2),
    #cfp td:nth-child(2) { display: none; }
}