#map { /*margin:0 auto;*/ }
/*XS*/
@media (max-width: 576px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*SM*/
@media (min-width: 576px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*MD*/
@media (min-width: 768px) {
    #mapid, #map { height:600px; width:auto; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:3px solid #eaeaea; z-index:99; }
    .jumbotron { margin:0px 0px 40px 0px; }
}
/*LG*/
@media (min-width: 992px) {
    #mapid, #map { height:600px; width:900px; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:0px solid #eaeaea; z-index:99; }
    .jumbotron { margin:30px 0px 40px 0px; }
}
/*XL*/
@media (min-width: 1200px) {
    #mapid, #map { height:600px; width:900px; margin:0 auto; }
    .leaflet-container { background:url(../data/pattern_01.png); border:0px solid #eaeaea; z-index:99; }
    .jumbotron { margin:120px 0px 40px 0px; }
}