body { font-family: Arial; }
.calendar { display: flex; flex-wrap: wrap; }
.day { width: 20%; border: 1px solid #ccc; padding: 5px; }
.slot { display: block; margin: 3px; padding: 5px; }
/*.available { background: #4CAF50; color: #fff; }*/
/*.booked { background: #f44336; color: #fff; }*/
@media (max-width: 768px) { .day { width: 48%; } }