:root {
    --desktop-header-stack-h: 140px;
    --mobile-header-stack-h: 65px;
}

html, body {
    height: 100%;
}

.page-root {
    display: flex;
    flex-direction: column;
}

.page-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.content-band {
    flex: 1 1 auto;
    display: flex;
}

    .content-band .mud-drawer {
        position: static !important;
    }

    .content-band .mud-main-content {
        margin-left: 0 !important;
    }

@media (max-width: 600px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 601px) {
    .hide-desktop {
        display: none !important;
    }
}