.map-container {
      position: relative;
      top: 0;
      width: 100%;
      height: 600px;
    }
    .map-overlay {
      background: rgba(255, 255, 255, 0.9);
      margin-right: 20px;
      font-family: Arial, sans-serif;
      border-radius: 8px;
      z-index: 1;
    }
    #block-deamapblock {
      padding-bottom: 20px;
    }
    #officemap {
      width: 100%;
      height: 100%;
    }
    .mapboxgl-map {
      overflow: no-display;
    }
    li.legend-labels {
      font-size: 0.9rem;
      margin-bottom: 0;
    }
    ul.no-bullet {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    #legend {
      font-family: 'Merriweather';
      font-size: 13px;
      position: absolute;
      bottom: 0;
      right: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      line-height: 20px;
      height: auto;
      width: auto;
      padding: 1em;
      padding-bottom: 1.5em;
      padding-left: 1.5em;
      padding-right: 1.5em;
      margin: 2em 0.5em;
    }
    #legend h3 {
      font-family: 'Merriweather';
      text-align: left;
      font-size: 1.5em;
    }
    .map-markers {
      padding: 0 20px;
    }
    li.marker-division {
      background: url('/modules/custom/dea_mapbox/markers/division-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-district {
      background: url('/modules/custom/dea_mapbox/markers/district-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-resident {
      background: url('/modules/custom/dea_mapbox/markers/resident-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-post {
      background: url('/modules/custom/dea_mapbox/markers/post-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-country {
      background: url('/modules/custom/dea_mapbox/markers/country-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-regional {
      background: url('/modules/custom/dea_mapbox/markers/regional-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-presence {
      background: url('/modules/custom/dea_mapbox/markers/presence-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-narcotics {
      background: url('/modules/custom/dea_mapbox/markers/narcotics-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-sar {
      background: url('/modules/custom/dea_mapbox/markers/sar-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }
    li.marker-liaison {
      background: url('/modules/custom/dea_mapbox/markers/liaison-000000.png') no-repeat left bottom/22px !important;
      padding-left: 44px;
      padding-top: 3px;
    }