@media screen and (min-width:2100px) {
    :root {
         --roundchart-size: 200px;
         --map-height: 60%;
         --plot-height: 400px;
         --dash-row-space: 1em;
         --dash-row-height: 6.5em;
         --alarm-row-height: 4.5em;
         --alarm-row-space: 0.5em;
         --base-font-size: 1rem;
         --multigauge-cutout: 60;
         --led-radius: 48px;
         --let-txt-margin: .5rem !important;
    }
}

@media screen and not (min-width:2100px) {
    :root {
         --roundchart-size: 150px;
         --map-height: 60%;
         --plot-height: 300px;
         --dash-row-space: 0.5em;
         --dash-row-height: 4.5em;
         --alarm-row-height: 2.5em;
         --alarm-row-space: 0.25em;
         --base-font-size: 0.72rem;
         --multigauge-cutout: 45;
         --led-radius: 32px;
         --let-txt-margin: .3rem !important;
    }
}


h1 {
    font-size: calc(var(--base-font-size) * 2.5) !important;
}
h2 {
    font-size: calc(var(--base-font-size) * 2) !important;
}
h3 {
    font-size: calc(var(--base-font-size) * 1.75) !important;
}
h4 {
    font-size: calc(var(--base-font-size) * 1.5) !important;
}
h5 {
    font-size: calc(var(--base-font-size) * 1.25) !important;
}
h6 {
    font-size: calc(var(--base-font-size) * 1) !important;
}