.marker {
    /* background-image: url('../images/map-icon/exp-min.png'); */
    background-size: cover;
    width: 2em;
    height: 2em;
    /* border-radius: 50%; */
    cursor: pointer;
  }
  .mapboxgl-popup {
    max-width: 200px;
  }
  
  .mapboxgl-popup-content {
    text-align: center;
    /* font-family: 'Open Sans', sans-serif; */
  }
  .map-guide{
    position: fixed;
    width: 15%;
    bottom: 200px;
    left: 200px;
    z-index: 300;
  }
  .map-img{
    width: 40px;

  }
  .img-non-metal{
    background-image: url('../images/map-icon/coal-min.png');
  }
  .img-metal{
    background-image: url('../images/map-icon/iron-min.png');
  }
  .img-exp{
    background-image: url('../images/map-icon/exp-min.png');
  }
  .img-factory{
    background-image: url('../images/map-icon/factory-min.png');
  }