.event-section {
    display: block;
}
.event-row {
    display:grid;
    gap:5px;
    padding-top:0.5em;
    padding-bottom:0.5em;
    border-bottom: 2px dotted grey;
}
/* mobile */
/* tablet */
@media (max-width:570.1px) {
    .event-row {
        grid-template-columns: 1fr 3fr;
        grid-template-areas: 
            "d e";
    }
    .event-type-fld {
        display:none;
    }
    .artist-fld {
        display:none;
    }
    .event-section:last-child .event-type-fld {
        display:inline-block;
    }
    .event-section:last-child .artist-fld {
        display:inline-block;
    }
    .event-section:last-child .event-row {
        grid-template-columns: 1fr 3fr;
        grid-template-areas: 
            "d e"
            "t a";
    }
}
/* desktop */
@media (min-width:570.2px) {
    .event-row {
        grid-template-columns: 1fr 3fr 2fr;
        grid-template-areas: 
            "d e a";
    }
    .artist-fld {
        display:inline-block;
    }
    .event-type-fld {
        display:none;
    }
    .event-section:last-child .event-type-fld {
        display:inline-block;
    }
    .event-section:last-child .event-row {
        grid-template-columns: 1fr 3fr 2fr 1fr;
        grid-template-areas: 
            "d e a t"; 
    }
}
.event-cell {
    border: none;
    padding:0;
    margin:0;
    overflow-x: hidden;
    text-align:left;
}
.date-fld {
    display:inline-block;
    min-width:6em;
    width:auto;
    max-width:8em;
    grid-area: d;
}
.artist-fld {
    /*display:inline-block;*/
    min-width:0em;
    width:auto;
    max-width:20em;
    grid-area: a;
}
.event-type-fld {
    /*display:inline-block;*/
    min-width:0em;
    width:auto;
    max-width:16em;
    grid-area: t;
}
.event-name-fld {
    display:inline-block;
    min-width:8em;
    width:auto;
    max-width:32em;
    grid-area: e;
}

h4 {
    margin-top:2rem;
    margin-bottom:0.5rem;
}