#map-container {
  height: 80vh;
  /* min-width: 310px; */
  /* max-width: 800px; */
  width: 85vw;
  margin: 0 auto;
}

.loading {
  /* margin-top: 10em; */
  text-align: center;
  color: gray;
}

.my-link {
  text-decoration: underline;
}

.my-link:hover {
  cursor: pointer;
}

#map-component {
  background-color: white;
  padding: 0;
}

.highcharts-title,.sliding-text-heading {
  font-size: clamp(3.5em, 2vw, 3.5em) !important;
}


@media (max-width: 440px) {
  #map-container {
    height: 54vh;
    width: auto;
  }
  #map-component{
    height: 100% !important;
  }
}

@media screen and (max-width:799px){
  .map-for-laptop{
    display: none;
  }
}

@media screen and (min-width:800px){
  .map-for-laptop{
    display: block;
  }
  .mobile-map{
    display: none;
  }
}