header.fullscreen {
    position: fixed;
    z-index: 100000;
    background-color: #eee;
    width: 100% !important
}

.leaflet-control-fullscreen a {
    background: #fff url(img/fullscreen.png) no-repeat 2px 2px;
    background-size: 26px 52px
}

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

.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px
}

.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px
}

.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;
    left: 0 !important;
    z-index: 99999
}

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