.pin{
    position: absolute;
    /* font-size: 20px; */
}

.jhb{
    left: 54%; top: 75%;
}

.cpt{
    left: 51.5%; top: 79%;
}

.ldn{
    left: 46%; top: 32%;
}

.deu{
    left: 48%; top: 35%;
}

.mlb{
    left: 86.5%; top: 81%;
}

.usa{
    left: 18%; top: 40%;
}

.kua{
    left: 74.5%; top: 59%;
}

@media screen and (min-width: 768px) {
    .jhb{
        left: 53.25%; top: 73%;
    }
    
    .cpt{
        left: 51%; top: 76%;
    }
    
    .ldn{
        left: 45.5%; top: 30%;
    }
    
    .hou{
        left: 19%; top: 43%;
    }

    .lag{
        left: 13%; top: 41%;
    }
    
    .mlb{
        left: 86%; top: 78%;
    }
    
    .kua{
        left: 74%; top: 57%;
    }
}

@media screen and (min-width: 992px) {
    .jhb{
        left: 53.5%; top: 74%;
    }
    
    .cpt{
        left: 51%; top: 78%;
    }
    
    .ldn{
        left: 45.75%; top: 31%;
    }
    
    .hou{
        left: 19%; top: 44.5%;
    }

    .lag{
        left: 13%; top: 42%;
    }
    
    .mlb{
        left: 86%; top: 79%;
    }
    
    .kua{
        left: 74%; top: 57%;
    }
}

@media screen and (min-width: 1200px) {
    .jhb{
        left: 53.5%; top: 74%;
    }
    
    .cpt{
        left: 51.25%; top: 78.5%;
    }
    
    .ldn{
        left: 46%; top: 31.5%;
    }

    .hou{
        left: 19.5%; top: 45%;
    }

    .lag{
        left: 13.5%; top: 43%;
    }
    
    .mlb{
        left: 86.25%; top: 80%;
    }
    
    .kua{
        left: 74.25%; top: 58%;
    }
}

@media screen and (min-width: 1400px) {
    .jhb{
        left: 53.75%; top: 75%;
    }
    
    .cpt{
        left: 51.5%; top: 79%;
    }
    
    .ldn{
        left: 46%; top: 31.5%;
    }

    .hou{
        left: 19.5%; top: 45.5%;
    }

    .lag{
        left: 13.5%; top: 43.5%;
    }
    
    .mlb{
        left: 86.25%; top: 80%;
    }
    
    .kua{
        left: 74.25%; top: 58.5%;
    }
}