body {
   padding-bottom: 20px;
   font-family: "Roboto", sans-serif;
}

h1 {
   font-family: "Roboto Slab", serif;
}

.dot {
  height: 7px;
  width: 7px;
  background-color: #e62c17;
  border-radius: 80%;
  display: inline-block;
}

.aligncenter {
    margin: 10px auto 20px;
    display: block;
    max-width:200px;
    height: auto;
    text-align: center;
}

#schedule tr>td{
height : 5px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#schedule tbody>tr:nth-child(even)>td,
#schedule tbody>tr:nth-child(even)>th {
   background-color: #DBDBDB;
 }

#schedule li:nth-child(even) {
   background-color: #DBDBDB;
 }

.detailsched ul li{
list-style-type:none;
}
.dot {
  height: 8px;
  width: 8px;
  background-color: #e62c17;
  border-radius: 80%;
  display: inline-block;
}
.empty-space{
  margin-top: 3em;
}
.small-empty-space{
  margin-top: 1em;
}
@supports( display:grid ) {
    @media screen and (min-width:700px) {
      .empty-space,
      .small-empty-space{
        display: none;
      }
    }
  }