:root {

    --content-height: calc( 100vh - var(--top-bar) - var(--bottom-bar) + 7vh);

    @media (orientation: portrait) {
        --bottom-bar: 2vh;
    }

    @media (orientation: landscape) {
        --bottom-bar: 10vh;
    }

}