#logo img {width: 16em; padding: 1em 0 0 0;
  background: url(2017_AC_Pattern_Tile.png); /* Fallback old browsers */
  background:
    linear-gradient(#fff,#fff)
    no-repeat 0 100% / 100% 3em border-box,
    linear-gradient(#ee4034,#ee4034)
    no-repeat 0 0 / 94em 100% border-box,
    url(2017_AC_Pattern_Tile.png)}
/* Gradient background, if supported. Uses a color from the banner. */
html {background: fixed linear-gradient(to bottom, #000, #ee4034)}

#insidenav {margin-top: -2em}
#insidenav a {padding: 0; margin: 0; border: none}
#insidenav a + a::before {content: " • "}

#schedulesummary {table-layout: fixed; width: 100%}
#schedulesummary td,
#schedulesummary th,
#schedulesummary col {width: auto}
#schedulesummary col:nth-child(2),
#schedulesummary col:nth-child(4) {border-right: solid white}
#schedulesummary col:nth-child(1),
#schedulesummary col:nth-child(3),
#schedulesummary col:nth-child(5) {width: 6.5em}

.sponsorfirst {margin-top:2em; border: 4px solid #e5e6e7;}

table {width: 100%; table-layout: fixed}

@media all and (max-width: 60em) {
  #schedulesummary col:nth-child(1),
  #schedulesummary col:nth-child(3),
  #schedulesummary col:nth-child(5) {width: 4em}
}
@media screen and (max-width: 40em) {
  #logo img {width: 3.7em; border-width: 0 3em 0 35em; margin-left: -35em;
    background:
      linear-gradient(#fff,#fff)
      no-repeat 0 100% / 100% 0.7em border-box,
      linear-gradient(#ee4034,#ee4034)
      no-repeat 0 0 / 33em 100% border-box,
      url(2017_AC_Pattern_Tile.png)}
  #insidenav {margin: 1em 0}
}
@media print {
  #logo img {width: 12em} /* Choose size of logo for printing */
  html {background: none}
  col:first-child {width: 6.5em}
}