html { margin: 0; padding: 0; height: 100%; } 
body { margin: 0; padding: 0; height: 100%; font-size: 20px; font-family: sans-serif; font-weight: bold; background: linear-gradient(to top, lightblue, white, lightblue); }
  .col { display: flex; flex-direction: column; }
  .row { display: flex; flex-direction: row; }

#hint { float: left; color: dark-blue; }
 
#page { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

  #header { }
    #title { align-items: center; width: 100%; }
    #org { color: #000; font-size: 5em; margin: 0 auto; }
    #date { color: #666; font-size: 3em; margin: 0 auto; }

  #closed { color: #000; font-size: 9em; text-align: center; }

  #status { color: #916; }
    #sess  { font-size: 6em; text-align: center; }

  #detail { color: #916; font-weight: bold; }
    #numbers { display: flex; flex-direction: row; justify-content: space-between; }
      #sect { flex: 1; display: flex; flex-direction: column; align-items: center; }
        #sect .hdr { flex: 1; font-size: 4em; }
        #sect .val { flex: 1; font-size: 13em; }
      #comp { flex: 1; display: flex; flex-direction: column; align-items: center; }
        #comp .hdr { flex: 1; font-size: 4em; }
        #comp .val { flex: 1; font-size: 13em; }

  #footer { align-items: flex-end; }
    #logos { margin: 0 50px; }
      #rea_logo { float: left; margin: 20px 0; height: 180px; }
      #rrc_logo { float: right; margin: 20px 0; height: 180px;}