* {
    box-sizing: border-box;
}

.map-container {
    display: grid;
    position:relative;
    width:100%;
    max-width: 1080px;
    min-width:86%vw;
    grid-row: 4;
    grid-template-rows: repeat(3, 1fr);
    gap: 1em;
    justify-content: space-between;
}

.map-chart-container {
    width:100%;
    border: #63646463 solid 1px;
}

.map-chart-container .highcharts-color-0{
    fill: var(--highcharts-neutral-color-3)!important;
}
.map-chart-container .highcharts-data-label{
    fill:var(--highcharts-neutral-color-100)!important;
}

#map-chart-container1 {
    justify-content: stretch;
    grid-column: 1/3;
    grid-row: 1;

}

#map-chart-container2 {
    justify-content: stretch;
    grid-column: 1/3;
    grid-row: 2;

}

#map-chart-container3 {
    justify-content: stretch;
    grid-column: 1/3;
    grid-row: 3;

}

.map-container text {
    font-size: 130% !important;
    color: var(--highcharts-neutral-color-100);
}