div.tooltip {
  font-size:20px;
  text-align: center;
  word-wrap: break-word;
  width: inherit;
  color: #222;
  background: #fff;
  padding: .5em;
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 0px #a6a6a6;
  opacity: 0.9;
  position: absolute;
}
.country{
  stroke: #aadaff;
  stroke-width: 0.1px;
}
.country:hover{
  stroke: #fff;
  stroke-width: 2.5px;
}
@media screen and (max-width:960px) {
  .text{
    font-size:14px;
    text-transform:capitalize;
  }
  

}

@media screen and (max-width:480px) {
  .text{
    font-size:3px;
    text-transform:capitalize;
  }
   div.tooltip {
  display: none;
}
.country{
  stroke: #aadaff;
  stroke-width: 0px;
}
.country:hover{
  stroke: #fff;
  stroke-width: 2.5px;
}

}
#container {
  cursor: pointer;
  padding-left: 0px;

  border-radius: 5px;
  height:100%;
  overflow:hidden;
  background: #aadaff;
}
.hidden {
  display: none;
}

.graticule {
  fill: none;
  stroke: #bbb;
  stroke-width: .5px;
  stroke-opacity: .5;
}
.equator {
  stroke: #95adbf;
  stroke-width: 1px;
  stroke-dasharray: 10, 10;

}