@media only screen and (max-width:39.9em){
    body.noscroll {
        overflow: hidden;
        color: green;
    }
    body {
        max-width:100vw!important;
    }

    div.flex div.cell {
        width: calc(100% - 1em);    
        height: calc(100vh - 5em);
    }


    div#entityMap div.flex div.cell, div#entList div.flex div.cell{
        min-height: 15em!important;
        height: 15em!important;
    }
    div.flex div.cell.max {
        max-height:100vh;
    }

    div.cell div.cell, div.valueDetail {
        height:calc(100% - 2em);
    }


    div.flex div.cell a.button.cell-size{
        display:none;
    }

    div.cell-head {
        padding-left: calc(1.5em + 3px);
    }
        
}
@media only screen and (max-width:62em) and (min-width:40em)
{
    div.flex div.cell
    {
        width: calc(50% - 10px);
    }
            
    div.flex div.cell a.button.cell-size{
        display:inline-block;
    }
}