body {
  margin: 2em;
}

table {
  border-collapse: collapse;
  width: 55%;
}

tr {
  height: 1.5em;
}

@media only screen and (max-width: 1100px) {
  table {
    border-collapse: collapse;
    width: 95%;
  }

  tr {
    height: 45px;
    vert-align: middle;
  }
}

th {
  text-align: left;
}

.LA {
  background-color: #F1B1A5;
}

.BAY {
  background-color: #0D2032;
  color: #C9D3D6;
}

.CHI {
  background-color: #3AB5E8;
}

.HOU {
  background-color: #FF6900;
}

.KC {
  background-color: #62CBC9;
}

.GFC {
  background-color: #A9F1FD;
}

.NC {
  background-color: #00416B;
  color: #EEEEEE;
}

.ORL {
  background-color: #61259E;
  color: #EEEEEE;
}

.POR {
  background-color: #99242B;
  color: #EEEEEE;
}

.LOU {
  background-color: #C5B5F2;
}

.SD {
  background-color: #FC1896;
}

.SEA {
  background-color: #2E407A;
  color: #EEEEEE;
}

.UTA {
  background-color: #FDB71A;
}

.WAS {
  background-color: #000000;
  color: #EEEEEE;
}