@font-face {
  font-family: 'Helvetica LT Std';
  src: url('HelveticaLTStd-Roman.eot'); /* IE9 Compat Modes */
  src: url('HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('HelveticaLTStd-Roman.woff') format('woff'), /* Modern Browsers */
       url('HelveticaLTStd-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('HelveticaLTStd-Roman.svg#8b26980196e22e3c5fa39ed64bf67836') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Helvetica LT Std';
  src: url('HelveticaLTStd-Bold.eot'); /* IE9 Compat Modes */
  src: url('HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('HelveticaLTStd-Bold.woff') format('woff'), /* Modern Browsers */
       url('HelveticaLTStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('HelveticaLTStd-Bold.svg#ecc99d5b6a410bc8431befd5c01f3489') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}



.infobox{
position: absolute;
height: 100%;
  width: 100%;
  z-index: 999999999;
background-color:rgba(255,255,255,0.90);  

}

.infoboxtext{
   font-family: 'Helvetica LT Std';
   
  font-style:   normal;
  font-weight:  400;  -webkit-font-smoothing: antialiased;
position: relative;
padding-left: 70px;
padding-top: 70px;
padding-right: 30%;
font-size: 3vh;
    line-height: 140%;

  z-index: 999999999;
}
#infoboxtext h2 {
  font-style:   bold;
}

#infoboxtext h3 {
color: gray;
}




.info{
position: absolute;
bottom: 0px;
right: 15px;
height: 40px;
  width: 50px;
  z-index: 999999999;
padding: 5px;
color: gray;
cursor: default;
}

.infoclose{
position: absolute;
bottom: 0px;
right: 15px;
height: 40px;
  width: 50px;
  z-index: 999999999;
padding: 5px;
color: gray;
cursor: default;
}