:root {
  --cassiopeia-color-primary: #12A3EB;
}

.oif {
  --cassiopeia-color-primary: #a3ba5e;
}

.ssif {
  --cassiopeia-color-primary: #f2460d;
}

.vif {
  --cassiopeia-color-primary: #f1b71d;
}

.container-banner .banner-overlay .overlay
{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
align-items:baseline;
background-color:rgba(0,0,0,0.2);

display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
height:35vh;
justify-content:flex-start;
padding:2em;text-align:center;
align-content: flex-start
}

.container-banner .banner-overlay {
  color: #fff;
  background-origin: content-box;
  background-position: top,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
  height: 35vh;
}

table.results {
  border: 1px solid;
}

table.results td, table.results th {
  padding: 0 0.3em 0 0.3em;
}

table.results tr:nth-child(1) {
  border: 1px solid;
}

table.results tr:nth-child(odd) {
  background-color: gainsboro;
}

table.results  tr *:nth-child(n + 5) {
  border-left: 1px solid;
  width: 2em;
}

table.results tr *:nth-child(n + 5) {
  text-align: center;
}