table.program{
   width: 100%;
   table-layout: auto
}

table.program .time-dash{
   padding: 0;
   width: .5em
}

table.program .time{
   text-align: right;
   width: 1.5em
}

table.program .name{
   text-align: left;
   max-width: 70%;
   margin-left: 20px;
}

table.program td{
   text-align: left;
}

table.program .day{
   text-align: left;
}

table.program .admin{
   background-color: #fce7a1 /* lighter yellow #ecb807 */ 
}

table.program .session{
   background-color: #d4eff7 /* lghter blue #155d74 */ 
}

table.program .social{
   background-color: #fad2df /* lighter rose #ee5787 */ 
}

table.program .keynote{
   background-color: #c1e6c1 /* light green */
} 

.important-dates-hero {
  margin: 25px auto 0;
  padding: 18px 22px;
  max-width: 420px;

  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 12px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  text-align: left;
  color: #333;
}

.important-dates-hero .title {
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 8px;
}

.important-dates-hero p {
  margin: 4px 0;
  font-size: 0.95em;
}