#live-schedule-logo-container {
  text-align: center;
}

#live-schedule-logo-container svg {
  height: auto;
  width: 95%;
}

#last-refresh {
  font-weight: bold;
  margin: 0 auto;
  width: 95%;
}

#current-header,
#upcoming-header,
#no-schedule,
#no-colors,
#all-done {
  text-align: center;
}

#no-colors {
  color: red;
}

#current-table,
#upcoming-table {
  font-weight: bold;
  margin: 0 auto;
  width: 95%;
}

#current-table td,
#upcoming-table td {
  border: 2px solid black;
  padding: .25rem;
  text-align: center;
  width: 33.3%;
}

@media screen and (min-width: 36em) {

  #current-table td,
  #upcoming-table td {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 48em) {

  #current-table,
  #upcoming-table {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 62em) {

  #current-table,
  #upcoming-table {
    font-size: 1.75rem;
  }

  #current-table td,
  #upcoming-table td {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 75em) {

  #current-header {
    font-size: 3rem;
  }

  #upcoming-header {
    font-size: 2rem;
  }

  #current-table,
  #upcoming-table {
    font-size: 2rem;
  }

  #current-table td,
  #upcoming-table td {
    padding: 1rem;
  }
}