#calendar {
    min-height: 700px;
    min-width: 375px;
    position: relative;
}

.loading .hidewhilstloading {
  display:none;
}

.navbar {
  background-color: lightblue;
  padding:10px;
  border-bottom: 1px solid #444;
}

h1 {
  font-size:20pt;
  padding:10px;
}

.stepnumber
{
  border-radius:100%;
  border: 3px solid #333;
  margin:10px;
  font-size:30px;
  width:50px;
  height:50px;
  background-color:lightblue
}


@media (max-width: 550px) {

  nav {
    text-align: center;
  }

  nav div, nav h1 {
    width:100%;
  }

}