/**
     * you can customize this class however you need to.
     * the important rules are position, width, height
    */
    #map.leaflet-fullscreen {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      padding: 0;
      border: 0;
    }

    /**
     * there are no internal button styles; you must add your own like this:
     */

.leaflet-control-fullscreen::before {
    font-family: "FontAwesome";
    content: "\f0b2";
    font-size: medium;
}


.leaflet-control-fullscreen:hover {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #808080;
    border-radius: 2px;
    cursor: pointer;
    background-color: #fff;
}

.leaflet-control-fullscreen:not(:hover) {
    color: #ED933C;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    background-color: white;
}

.leaflet-control-fullscreen {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    text-align: center;
    padding-top: 0.3em;
}