#map{
    display:none;
}

#container{
    margin:20px 10px;
}

.container{   
    width:calc(100vw - 60px);
}


#window{
    position:fixed;
    top:10px;
    left:10px;
    padding-top:120px;
    width:calc(100vw - 20px);
    height:calc(100vh - 140px);
    z-index:1000;
}

#window-header{
    padding: 10px 20px;
    margin: -10px 0 0 -20px;
    position: fixed;
    top: 20px;
    left:20px;
    width:calc(100vw - 40px);
    background:#555;
    border-bottom:2px solid #777;
}

#window-country{
    margin-left:10px;
    max-width: calc(100vw - 220px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cell-heading.cell-tri, .cell-upshot.cell-tri{
    width:calc( (100vw - 230px) / 2) !important;
}

#explainer-cell{
    height:auto !important;
    padding-bottom:20px;
}

#explainer-cell .cell-upshot{   
    width:calc( (100vw - 100px) / 4) !important;
}

.full-graph{
    margin:0 10px;
}

.window-paragraph{
    margin:20px 30px 20px 20px;
}

h2{
    margin:40px 30px 20px 20px;
}