.leaflet-control-fullscreen a {
  background-image: url(./images/fullscreen.svg);
  background-size: 26px 52px;
}

.leaflet-control-fullscreen a:hover {
  background-image: url(./images/fullscreen_hov.svg) !important;
}

.leaflet-touch .leaflet-control-fullscreen a {
  background-position: 50% 2px;
}

.leaflet-fullscreen-on .leaflet-control-fullscreen a {
  background-position: 0 -26px;
}

.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
  background-position: 50% -24px;
}

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.leaflet-container.leaflet-fullscreen-on {
  width: 100% !important;
  height: 100% !important;
}

.leaflet-pseudo-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99999;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .leaflet-control-fullscreen a {
    background-image: url(images/fullscreen@2x.png);
  }
}