html, body, #cesiumContainer {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

#fix-bottom-subtitle {
    position: fixed;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
    bottom: 10em;
    width: 100%;
}
#fix-bottom-Legend {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}

    #fix-bottom-Legend img.legend-img {
        display: block;
        max-width: 100%;
        height: auto;
        padding-bottom: 60px;
    }

#fix-bottom-logo {
    position: fixed;
    right: 10em;
    bottom: .5em;
    pointer-events: none;
}

    #fix-bottom-logo img {
        -webkit-filter: drop-shadow(2px 2px 2px #222);
        filter: drop-shadow(5px 5px 5px #222);
        width: 9.4em;
    }

body.rbp-xs #fix-bottom-logo,
body.rbp-sm #fix-bottom-logo,
body.rbp-md #fix-bottom-logo {
    left: .5em;
    right: auto;
}