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

body {
  font-family: 'Raleway', sans-serif;
    background: #151513;
}
.map-container{
}
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 30px;
}

.city {
  fill: rgba(72, 72, 72, 0.5);
  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;
}

.city:hover {
     fill: #db2d2e;
   }

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

.show-city-name--active {
    opacity: 1;
    visibility: visible
  }
#svg-turkey-map{
    background: url("/doc/Ecutuned_Logo2020v2.png");
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 500px 100px;*/
}
#svg-turkey-map .active{
    fill: rgba(152, 0, 0, 0.7) !important;
}
@media screen and (max-width: 600px){
    #svg-turkey-map {
        background-size: 200px 50px;
    }
}