.leaflet-control-fullscreen a {
  background:rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM_w.png) no-repeat 0 0;
  border-radius: 4px;
  background-size: 80%;
  background-position: center center;
  }
  
.leaflet-control-fullscreen a:hover {
  background:rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM_w.png) no-repeat 0 0;
  /*
    background:rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM.png) no-repeat 0 0;
    */
  border-radius: 4px;
  background-size: 80%;
  background-position: center center;
  } 
 
  .leaflet-touch .leaflet-control-fullscreen a {
   
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background: rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM_w.png) no-repeat 0 0;
    /*
      background: rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM.png) no-repeat 0 0;
      */
    border-radius: 4px;
    background-size: 80%;
    background-position: center center;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: center center;
    }

/* 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(max-width:767px){
  /*
  .leaflet-control-fullscreen a:hover, .leaflet-control-fullscreen a:active, .leaflet-control-fullscreen a:focus {
      background: rgba(71, 81, 80, 0.8) url(../../images/Full_screen_RLM_w.png) no-repeat 0 0 !important;
  }
  */
}