.slider-round { width: 85%; margin: 0 auto; }
.slider-round .noUi-connect { background: #0d6efd; } 
.slider-round .noUi-tooltip { background: #333; color: #fff; padding: 0 5px; }

@media (min-width: 768px) {.h-md-100 {height: 100%;}} /* this is needed to make the content scrollable on larger screens */

@media only screen and (max-width: 768px) {
    .header > .vh-100 { height: auto !important; }
    .fixed-top-sm { position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
}