/* Centred flex wrapping keeps incomplete final rows intentional at any data count. */
.location-grid,.instructor-grid{display:flex;flex-wrap:wrap;justify-content:center}
.location-grid>.location-card{flex:0 1 calc((100% - 36px)/3);width:auto!important;margin-left:0!important;grid-column:auto!important}
.instructor-grid>.instructor-card{flex:0 1 calc((100% - 54px)/4);width:auto!important;margin-left:0!important;grid-column:auto!important}
@media(max-width:1024px){.location-grid>.location-card{flex-basis:calc((100% - 18px)/2)}.instructor-grid>.instructor-card{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:820px){.instructor-grid>.instructor-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){.location-grid>.location-card,.instructor-grid>.instructor-card{flex-basis:100%;width:auto}}