.mersin-harita {
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}

.mersin-harita svg {
    width: 100%;
    height: auto;
}

#mersin-harita path,
#mersin-harita text {
    cursor: pointer;
    /*fill: #222;*/
}

#mersin-harita path:hover {
    fill: #1094F6;
}

.anamur {
    fill: rgba(216, 197, 192, 1);
}

.aydincik {
    fill: rgba(192, 117, 182, 1);
}

.bozyazi {
    fill: rgba(171, 215, 101, 1)
}

.camliyayla {
    fill: rgba(234, 125, 53, 1);
}

.erdemli {
    fill: rgba(138, 215, 222, 1);
}

.gulnar {
    fill: rgba(245, 248, 147, 1);
}

.merkez {
    fill: rgba(234, 146, 29, 1);
}

.mut {
    fill: rgba(234, 103, 90, 1);
}

.silifke {
    fill: rgba(245, 242, 166, 1);
}

.tarsus {
    fill: rgba(171, 215, 101, 1);
}