.map img {
    /* margin-top: -10%; */
    position: relative;
    z-index: 3;
}
/* 
@media (max-width: 320px) {
    .map {
        height: 200px;

   }
}
@media (min-width: 321px) and (max-width: 480px) {
    .map {
        height: 250px;

   }
}
@media (min-width: 481px) and (max-width: 575.98px) {
    .map {
        height: 350px;

   }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .map {
        height: 400px;

   }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .map {

        height: 500px;
   }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .map {

        height: 600px;
   }
}
@media (min-width: 1200px) {
    .map {

        height: 600px;
   }
}
 */

.map a.btn::before {
    font-family: FontAwesome;
    content: "\f140";
    display: inline-block;
    vertical-align: middle;
	
}

.map button.btn.pop, .map a.btn.pop {
    z-index: 5;
    position: absolute;
    color: #49007E;
    min-width: 0;
}
@media (max-width: 575.98px) {
    .map button.btn.pop, .map a.btn.pop {
        font-size: 1rem;
   }
}
@media (min-width: 576px) {
    .map button.btn.pop, .map a.btn.pop {
        font-size: 2rem;
   }
}
.map button.btn.pop:focus, .map a.btn.pop:focus {
    box-shadow: unset;
    outline: 0;
    border: 0;
}

.map button.btn.pop.movie, .map a.btn.pop.movie {
    left: 54%;
    top: 25%;
}

.map button.btn.pop.music, .map a.btn.pop.music {
    left: 25%;
    top: 40%;
}

.map button.btn.pop.collab, .map a.btn.pop.collab {
    left: 75%;
    top: 40%;
}

.map button.btn.pop.communique, .map a.btn.pop.communique {
    left: 48%;
    top: 67%;
}

.map button.btn.pop.gallery, .map a.btn.pop.gallery {
    left: 35%;
    top: 17%;
}