/* Schedules with photos on index page */
 .photoLeft-grid h2, .photoRight h2 {
     grid-area: heading;
     margin-top: 1rem;
}
 .photoLeft-grid .scheduleList-beforeContent {
     grid-area: img;
     grid-column:1;
}
 .photoRight img {
     width:350px;
}
 @media(max-width:767.98px) {
     .photoRight, .photoLeft-grid {
         display: grid;
         grid-template-areas: "img" "heading" ".";
    }
     .photoRight .scheduleList-beforeContent {
         grid-area: img;
    }
     .photoRight img, .photoLeft-grid img {
         width:330px;
    }
}
 @media(min-width:768px) and (max-width:992px) {
     .photoRight img, .photoLeft-grid img {
         max-width:300px;
    }
     .scheduleList-scheduleItem-dateTimeLocation {
         max-width: 350px;
    }
}
 @media(min-width:768px) {
     .photoLeft-grid {
         display: grid;
         grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr 1fr 1fr;
         grid-template-areas: ". heading" "img ." "img ." "img .";
    }
     .photoLeft-grid.short-list {
         grid-template-rows: auto 1fr 1fr;
         grid-template-areas: "img heading" "img ." "img .";
    }
     .photoLeft-grid .scheduleList-scheduleItem {
         grid-column:2;
    }
     .photoLeft-grid .scheduleList-scheduleItem, .photoRight .scheduleList-scheduleItem {
         grid-template-columns: auto 1fr 10px !important;
    }
     .scheduleList-scheduleItem-dateTimeLocation-location {
         width: auto;
    }
     .photoLeft-grid .scheduleList-beforeContent img {
         max-width:300px;
    }
}