/* Map */
.map {
    position: relative;
}

.map_box {
    background: var(--dark);
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
}
.map_box img {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 2px;
}
.map .germany {
    left: 52%;
    top: 42%;
}

.map .finland {
    left: 42%;
    top: 25%;
}
.map .usa {
    left: 16%;
    top: 45%;
}
@media (max-width: 1400px) {
    .map .finland {
        left: 41%;
    }
}
@media (max-width: 1100px) {
    .map .germany {
        top: 43.5%;
    }
}
@media (max-width: 992px) {
    .map .finland {
        left: 39%;
        top: 31%;
    }
    .map .germany {
        left: 49%;
        top: 45.5%;
    }
}
@media (max-width: 768px) {
    .map .finland {
        left: 34%;
        top: 34%;
    }
    .map .germany {
        left: 49%;
        top: 49.5%;
    }
}
@media (max-width: 720px) {
    .map .germany {
        margin-bottom: 10px !important;
    }
    .map .germany,
    .map .finland,
    .map .usa {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}