@media only screen and (max-width: 634px) {
  body {
    flex-direction: column-reverse;
  }

  .header img {
    width: 100px;
  }

  .header h1 {
    font-size: 28px;
  }

  .reservationContainer {
    padding: 30px 15px;
  }

  .reservationContainer h1 {
    font-size: 24px;
  }

  .fullName label,
  .phoneNumber label,
  .address label,
  .tourTime label,
  .date label,
  .cottages label,
  .tables label,
  .rooms label {
    font-size: 10px;
  }

  .reservationContainer input[type="text"],
  input[type="number"],
  input[type="tel"] {
    padding: 10px;
    font-size: 12px;
  }

  .tourTime #customerpax {
    padding: 19.5px;
  }

    .confirmationModal {
    padding: 1rem .8rem;
    font-size: small;
}

#calendar .fc-toolbar-title {
    font-size: 16px;
}


#calendar [title="Previous month"] {
  font-size: 0.6rem;
  background-color: #0d6efd;
  border: none;
}

#calendar [title="Next month"] {
  font-size: 0.6rem;
  background-color: #0d6efd;
  border: none;
}

#calendar .fc-today-button {
  font-size: 10px;
  background-color: #0d6efd;
  border: none;
}
#calendar .fc-dayGridMonth-button {
    font-size: 0.7rem;
}
}