@media screen and (min-width: 576px) {
    .jumbotron {
        padding: 2rem 1rem;
    }
}

.breadcrumb {
    background-color: white;
    margin-bottom: 0px;;
    padding-left: 3px;
    padding-right: 3px;
}

#map-area-wrapper .popover {
    max-width: 350px;
}

#map-area-wrapper .popover-body {
    padding: 0px;
}

#map-area-wrapper h5, h6 {
    font-weight: bold;
}

.map_img_block img {
    max-width: 300px;
}

@media screen and (min-width: 0px) and (max-width: 575px) {
    .page_header {
        font-size: 26px;
    }

    #map-area-wrapper {
        width: 95%;
        height: 1000px;
        max-height: 65vh;
    }

    .nav_search_text {
        font-size: 16px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .page_header {
        font-size: 32px;
    }
    
    #map-area-wrapper {
        width: 95%;
        height: 1000px;
        max-height: 65vh;
    }

    .nav_search_text {
        font-size: 16px;
    }
}
@media screen and (min-width: 768px)  {
    .page_header {
        font-size: 32px;
    }
    
    #map-area-wrapper {
        width: 100%;
        height: 1000px;
        max-height: 85vh;
    }
}

.button_select_trkmarker {
    margin-right: 3px;
    margin-left: 3px;
}
.button_select_trkseg {
    margin-right: 3px;
    margin-left: 3px;
}