#mapwrapper {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 0;
  background-color: transparent;
  min-width: 220px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#text-abb text, #visnames {
  font-family: Arial, Helvetica, sans-serif
}
.bold-text-abb, .boldnames {
  font-weight: 700
}
#map_base svg {
  max-height: 100%;
  width: 100%;
  margin: 0
}
#jstip {
  font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
 /* max-width: 250px;*/
max-width: 13%;
  display: none;
  padding: 5px;
  border: 1px solid #404040;
  color: #404040;
  z-index: 1000;
  float: left;
  position: absolute;
  background: rgba(265, 265, 265, .9);
  word-break: keep-all;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, .5)
}
.backtoworld, .backtous, .backtouk {
  fill: #A0D1F9;
  -webkit-transition: fill 0.1s ease;
  -moz-transition: fill 0.1s ease;
  -o-transition: fill 0.1s ease;
  transition: fill 0.1s ease;
  cursor: pointer
}
.backtoworld:hover, .backtous:hover, .backtouk:hover {
  fill: #0081FF
}
#jstip img {
  float: left;
  padding: 3px;
  max-width: 100%
}
@media screen and (max-width:320px) {
  #map_base svg {
    height: 140px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  #map_base svg {
    height: 180px
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  #map_base svg {
    height: 250px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  #map_base svg {
    height: 290px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  #map_base svg {
    height: 340px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  #map_base svg {
    height: 430px
  }
}
@media screen and (min-width:768px) {
  #map_base svg {
    height: 480px
  }
}
@media screen and (max-width:320px) {
  .square #map_base svg {
    height: 190px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  .square #map_base svg {
    height: 240px
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  .square #map_base svg {
    height: 320px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  .square #map_base svg {
    height: 400px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  .square #map_base svg {
    height: 490px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  .square #map_base svg {
    height: 600px
  }
}
@media screen and (min-width:768px) {
  .square #map_base svg {
    height: 480px
  }
}
@media screen and (max-width:320px) {
  .wide #map_base svg {
    height: 160px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  .wide #map_base svg {
    height: 180px
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  .wide #map_base svg {
    height: 240px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  .wide #map_base svg {
    height: 300px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  .wide #map_base svg {
    height: 360px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  .wide #map_base svg {
    height: 440px
  }
}
@media screen and (min-width:768px) {
  .wide #map_base svg {
    height: 480px
  }
}
@media screen and (max-width:320px) {
  .wider #map_base svg {
    height: 130px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  .wider #map_base svg {
    height: 150px
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  .wider #map_base svg {
    height: 200px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  .wider #map_base svg {
    height: 250px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  .wider #map_base svg {
    height: 300px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  .wider #map_base svg {
    height: 370px
  }
}
@media screen and (min-width:768px) {
  .wider #map_base svg {
    height: 480px
  }
}
@media screen and (max-width:320px) {
  .tall #map_base svg {
    height: 280px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  .tall #map_base svg {
    height: 510px;		
  }
	   #jstip {
    max-width: 50%;
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  .tall #map_base svg {
    height: 400px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  .tall #map_base svg {
    height: 500px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  .tall #map_base svg {
    height: 610px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  .tall #map_base svg {
    height: 730px
  }
}
@media screen and (min-width:768px) {
  .tall #map_base svg {
    height: 850px
  }
}
@media screen and (max-width:320px) {
  .taller #map_base svg {
    height: 320px
  }
  #jstip {
    max-width: 40%
  }
  #jstip img {
    max-width: 95%
  }
}
@media screen and (max-width:400px) and (min-width:321px) {
  .taller #map_base svg {
    height: 370px
  }
}
@media screen and (max-width:480px) and (min-width:401px) {
  .taller #map_base svg {
    height: 490px
  }
}
@media screen and (max-width:568px) and (min-width:481px) {
  .taller #map_base svg {
    height: 590px
  }
}
@media screen and (max-width:685px) and (min-width:569px) {
  .taller #map_base svg {
    height: 720px
  }
}
@media screen and (max-width:767px) and (min-width:686px) {
  .taller #map_base svg {
    height: 800px
  }
}
@media screen and (min-width:768px) {
  .taller #map_base svg {
    height: 850px
  }
}
@media screen and (min-width:768px) {
  .uk500 #map_base svg {
    height: 500px
  }
}