#map {
  position:fixed;
  top:0;
  bottom:0;
  width:100%;
  height:100%;

 }




 .map-overlay {
 position: absolute;
 top:40px;
 right:40px;
 padding:20px;
 width:400px;
 }


 .info {
 margin-top:10px;
 background-color:#f8f9fa;
 padding:20px;
 border-radius:.85rem;
 }


h1 {
  font-size: 18px;
  text-align:center;
  /*text-transform: uppercase*/
}


h2 {
  font-weight:normal;
  text-align:center;
  font-size: 11px;
  line-height: 16px;
}

h3 {
    font-weight:normal;
  text-align:center;
  font-size: 11px;
  line-height: 10px;
}




.btn {
 border-radius: .75rem;
}

.session {
  margin-top:10px;
  padding:15px;

}

.colors {
  /* background: linear-gradient(to right, #670074, #D20076, #F59918); */
  height: 8px;
  margin-left:5%;
  margin-right:5%;
}

.label {
  margin-top:5px;
  width: 33.3%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}

#logo{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:30px;
  margin-bottom:-20px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.mapboxgl-ctrl-group > button {
      background-color: #f8f9fa;
}


#arrow {
  margin-bottom:-1px;
 text-align:left;
 margin-left:48%
}


/*.mapboxgl-popup-content{
  background-color:#cccccc;
  opacity:0.7;
}*/

.mapboxgl-popup {

min-width: 170px;
font-size: 10px;
line-height: 1px;
}