.schedule { width: 100%; margin: 30px 0; border: 1px solid #ddd; border-radius: 14px; overflow: hidden; background: #fff; text-align: left;}
.schedule-head, .schedule-row { display: grid; grid-template-columns: 140px 1fr 1fr; }
.schedule-head { background: #222; color: #fff; font-weight: bold; }
.schedule-head div, .schedule-row > div { padding: 16px; border-bottom: 1px solid #ddd; }
.schedule-row:last-child > div { border-bottom: none; }
.schedule-row:nth-child(odd) { background: #f8f8f8; }
.schedule-time { font-weight: bold; color: #222; }
.schedule-item:empty::after { content: "Coming soon"; color: #777; font-style: italic; }

/* Mobile */
@media screen and (max-width:700px) {
    .schedule { border: none; background: transparent; overflow: visible; }
    .schedule-head { display: none; }
    .schedule-row { display: block; margin: 0 0 18px 0; padding: 18px; border: 1px solid #ddd; border-radius: 14px; background: #fff; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.08); }
    .schedule-row:nth-child(odd) { background: #fff; }
    .schedule-row > div { padding: 0; border-bottom: none; }
    .schedule-time { font-size: 22px; margin-bottom: 12px; }
    .schedule-item { margin: 10px 0 0 0; padding-top: 10px !important; border-top: 1px solid #eee; }
    .schedule-item.blank {display:none;}
    .schedule-item::before { content: attr(data-label) ":"; font-weight: bold; color: #222; }
}