#dot-map {
    left: 0;
    right: 0;
    margin-left: -4vw;
    margin-right: -4vw;
    position: relative;
}
#dot-map svg {
    width: 100%;
    height: auto;
}
.dot-tag.animate {
    opacity: 0;
    animation: 2s opacity ease 1;
    animation-fill-mode: forwards;
}
.dot-tag-2.animate {
    animation-delay: 2s;
}
.dot-tag-3.animate {
    animation-delay: 4s;
}
@media (min-width: 576px ) {
    #dot-map {
        margin-left: -12vw;
        margin-right: -12vw;
    }
}
@media (min-width: 992px) {
    #dot-map {
        position: absolute;
        top: 0;
        width: 48vw;
        left: auto;
        right: 0;
        height: 100%;
        padding-top: 108px;
        display: flex;
        justify-content: right;
        margin-left: auto;
        margin-right: 0;
    } 
    #dot-map svg {
        height: 100%;
        width: auto;
    }
    .focus-tags {
        position: relative;
        padding-bottom: 230px  !important;
        padding-top: 300px !important;
    }
    .focus-tags .col {
        position: static;
    }
}

@keyframes opacity {
    0% {opacity: 0; transform: scale(.3);} 
    50% { opacity: 1; transform: scale(1.05); }
    70% { transform: scale(.9); }
    100% { opacity: 1; transform: scale(1); }
}