/* Mobile */
@media only screen and (max-width: 800px) {
    /*noinspection CssUnusedSymbol*/
    .leaflet-container .leaflet-control-attribution {
        display: none;
    }

    .panel-card {
        top: 4rem;
        width: calc(100% - 2rem);
        max-height: calc(100vh - 5rem);
        max-height: calc(100svh - 5rem);
    }

    .panel-card-body {
        max-height: calc(100vh - 8.5rem);
        max-height: calc(100svh - 8.5rem);
    }

    .panel-card-bands {
        width: calc(100% - 2rem);
        height: calc(100vh - 5rem);
        height: calc(100svh - 5rem);
        max-height: none;
    }
}

/* Really small mobile screens need some extra stuff hidden. */
@media (max-width: 390px) {
    .hide-on-tiny-mobile {
        display: none;
    }
}