div#map-outer-box {
    width: 100%;
    min-height: 300px;
    padding-top: 65%; /* display ratio */
}

div#map-viewport {
    width: 100%; height: 100%; position: absolute; top: 0px;
}

@media (min-width: 992px) {
    a.az-logo {
        background-image: url("/img/covid.kdejsme.cz.png");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    a.az-logo > h1 {
        padding-left: 10px;
    }
}

@media (min-width: 375px) {
    a.az-logo {
        background-image: url("/img/covid.kdejsme.cz.png");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    a.az-logo {
        padding-left: 50px;
    }
}

.card-dashboard-three .card-header h4,
.card-dashboard-two .card-header h4 {
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: bold;
}

.card-dashboard-three .card-header h5 {
    font-size: 1.3rem;
    font-weight: bold;
}

.card-dashboard-three .card-header hr,
.card-dashboard-two .card-header hr {
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
}

.covid-19-kdejsme-logo {
    background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url("/img/covid.kdejsme.cz-big.png");
    background-position: top left -275px;
    background-repeat: no-repeat;
    background-size: contain;
}