@media (max-width:575px) {
    .display-4 {
        font-size: 1.5rem;
    }
    .day h5 {
        background-color: #f8f9fa;
        padding: 3px 5px 5px;
        margin: -8px -8px 8px -8px;
    }
    .date {
        padding-left: 4px;
    }
}

@media (min-width: 576px) {
    .day {
        /* height: 14.2857vw; */
        height: 200px;
    }
}

.error{
  /* font-family: 'Kanit', sans-serif;
  color: red;
  font-size: .9em;
  line-height: 1em;
  font-weight: normal;
  padding: 6px 0px 0px 0px; */
  border: 1px solid rgba(220,52,69,.5);
  box-sizing: border-box;
  border-radius: 0.25rem;
}