#map {
  height: auto;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 0;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
#map svg {
    transform: translate(25px, 0px);
    max-width: 100%;
}
text.Ampara-dis{
  transform: translateX(55px);
}
text.Jaffna-dis{
  transform: translatey(-15px);
}
text.Monaragala-dis{
  transform: translateX(20px);
}
text.Badulla-dis{
  transform: translateX(10px);
}
text.Kandy-dis{
  transform: translateY(-20px);
}
text.Monaragala-dis{
  transform: translateX(30px);
}
text.Matale-dis{
  transform: translateY(20px);
}
text.Kilinochchi-dis{
  transform: translateY(10px);
}
text.Nuwara.Eliya-dis {
  transform: translateX(12px);
}
text.Batticaloa-dis{
  transform: translateX(-25px);
}
text.Colombo-dis {
    transform: translateY(-4px);
}
text.Vavuniya-dis {
    transform: translateY(10px);
}
text.Mannar-dis {
    transform: translateX(10px);
}