@import url('//fonts.googleapis.com/css?family=Raleway:300,400,700');

.wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 30px;
}

.city {
    fill: #93bbec;
    fill-opacity: 1;
    stroke: white;
    stroke-opacity: 1;
    stroke-width: 0.5;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
}

.show-city-name {
    background-color: #0dcaf0;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    padding: 5px 5px;
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
}

.show-city-name--active {
    opacity: 1;
    visibility: visible
}

#svg-turkey-map {
    /*background: url("https://pedgastro.org/doc/Ecutuned_Logo2020v2.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 500px 100px;*/
}

#svg-turkey-map .active {
    fill: #3586dc;
}

#svg-turkey-map .city:hover {
    fill: #008899;
}

@media (max-width: 600px) {
    #svg-turkey-map {
        background-size: 200px 50px;
    }
    .wrapper {
        max-width: 360px;
        margin: 0 auto;
        padding: 0 0px;
    }
}