* {
  /*margin: 0;*/
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}

.map {
  margin:10px;
  /*border:5px solid red;*/
  position: relative;
  display: inline-block;

}

.map img {
  max-width:100%;
  display: block;
}

#molduraLeft{
  background-image: url(./images/mold_left.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 280px;
  max-height: 300px;
  width: 24%;
  height: 14vw;
  position: absolute;
  left: -25%;
  bottom: 0%;
}
#molduraRight{
  background-image: url(./images/mold_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 295px;
  max-height: 500px;
  width: 50%;
  height: 25vw;
  position: absolute;
  right: -36%;
  bottom: 0%;
}

.box {
  /*width:8%;
  height:8%;*/
  width:3%;
  height:6%;
  background-image:   url(./images/pin.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  cursor: pointer;
}
.box:hover > .pin-text {
  display: block;
}

.pin-text {
  background-image: url(./images/balloon.png);
  position: absolute;
  /*top: -200%;*/
  top: -140%;
  transform: translateY(-50%);
  /*left: -150%;*/
  left: -240%;
  white-space: nowrap;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  /*height: 421%;
  width: 428%;*/
  height: 300%;
  width: 600%;
  z-index: 100000000;
}
.textBlock{
  white-space: normal;
  height: 70%;
  padding: 2%;
  font-size: 100%;
  box-shadow: 1px 2px 5px #ccc;
  overflow: auto;
}

#pin-1 {
  top:67%;
  left:77.5%;
}
#pin-2 {
  top:10%;
  left:20%;
}
#pin-3 {
  top:49.5%;
  left:27.5%;
}
#pin-4 {
  top:26%;
  left:22.5%;
}
#pin-5 {
  top:19%;
  left:19.5%;
}
#pin-6 {
  top:22%;
  left:14.3%;
}
#pin-7 {
  top:16%;
  left:26%;
}
#pin-8 {
  top:26%;
  left:18.5%;
}
#pin-9 {
  top:26%;
  left:15.3%;
}
#pin-10 {
  top:31%;
  left:27%;
}
#pin-11 {
  top:12%;
  left:23.5%;
}
#pin-12 {
  top:23%;
  left:20.7%;
}
#pin-13 {
  top:26%;
  left:18.5%;
}
#pin-14 {
  top:26%;
  left:18.5%;
}
#pin-15 {
  top:26%;
  left:18.5%;
}