* {
  font-size: 15px;
}

.calender-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.calender {
  margin-bottom: 40px;
}

.calender table {
  width: 40%;
  background-color: #ccc;
  text-align: center;
}

.calender td {
  background-color: white;
  padding: 12px 17px;
  font-size: 16px;
}

.cellTableHead {
  background-color: #18a8a3;
  color: white;
  font-size: 20px;
  padding: 10px 0;
}

.cellSunday {
  background-color: #ff4f4f;
  color: white;
}

.cellSaturday {
  background-color: #4ba3ff;
  color: white;
}


.Days {
  background-color: #313131;
  color: white;
}

.cellHoliday {
  color: red;
}

.calender-text  {
  text-align: center;
  color: #000;
}

@media (max-width:700px) {
  .calender-wrapper {
    display: block;
  }

  .calender table {
    width: 95%;
    margin: auto;
  }


  .calender td {
    padding: 10px 0px;
  }
}