html,body,h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto", sans-serif;
}

.w3-sidebar {
  z-index: 3;
  width: 250px;
  top: 43px;
  bottom: 0;
  height: inherit;
}

.feet {
  display: flex;
  justify-content: space-between;
 }

.leftfoot {
  justify-content: flex-start;
  align-self: center;
}

.middlefoot {
  justify-content: center;
  align-self: center;
}

.rightfoot {
  justify-content: flex-end;
  align-self: center;
}

.nobullets {
  list-style-type: none;
}

.center-everything {
  display: block;
  margin: 0 auto;
  max-width: 1080px;
  text-align: center;
}

.callout-box {
  width: 450px;
  max-width: 90%;
  min-height: 300px;
  border-radius: 7px;
  padding: 9px;
  color: #fff;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.callout-box-orange {
  border: 5px solid #c47259;
  background-color: #ed8639;
}

.callout-box-purple {
  border: 5px solid #4d004d;
  background-color: #909;
}

table, td {
  border: 1px dotted #777;
  border-collapse: collapse;
}

td {
  padding: 5px;
}

tr:nth-child(odd) {
  background-color: #ccc;
}

@media (min-width: 993px) {
  #mySidebar, #myOverlay {
    display: none !important;
  }
}