html,body {
    height: 100%;
}

.h-scroll {
    height: 90vh; /* %-height of the viewport */
    position: fixed;
    overflow-y: scroll;
}

p {
	font-size: 1vw;
}

#map { height: 100%; }

div img {
  height: 100%;
  width: auto;
}

div h2 { white-space: nowrap; }

h1, h2, h3, h4, h5, h6 {
	overflow-wrap: normal;
}

.number-icon
{
    background-image: url("images/marker-icon-solid.png");
    text-align: center;
    line-height: 28px;
    color: black;
    font-weight: 600;
}

.tree-icon
{
    background-image: url("images/tree03.png");
    text-align: center;
    color: black;
    font-weight: 600;
}

.turned {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
  transform: rotate(270deg);
}