h2 {
  margin: 0;
  font-size: 16px;
}

ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

li {
  margin: 1.5em 0;
  padding: 0;
}

b { /* used for event dates/times */
  margin-right: 3px;
}

.demo-app {
  display: flex;
  min-height: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

 

.demo-app-main {
  flex-grow: 1;
  padding: 3em;
}

.fc { /* the calendar root */
  max-width: 1100px;
  margin: 0 auto;
}

/* body{overflow: hidden;} */
.view--calander .fc-view-harness {
  overflow: auto;
  height: calc(90vh - 30px);
  position: relative;
  display: flex;
}
   
@media (min-width: 480px) and (max-width: 767px){
  .view--calander .fc-view-harness{height: calc(90vh - 50px);}
}
@media (max-width: 480px){
  .fc-toolbar-title{font-size: 1.10rem !important;}
}