.leaflet-control-velocity {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
  margin: 0 !important;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.velocity-overlay {
  position: absolute;
  z-index: 1;
}
@media (min-width:320px) and (max-width:479px)  { .leaflet-control-velocity {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
  margin: 0 !important;
   padding-bottom: 10px;
  max-width: 125px;
  color: #333;
  font: 9px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} }
@media (min-width:480px) and (max-width:599px) { .leaflet-control-velocity {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
  margin: 0 !important;
   padding-bottom: 10px;
  max-width: 125px;
  color: #333;
  font: 9px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} }
@media (min-width:600px) and (max-width:1024px) { .leaflet-control-velocity {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
  padding-bottom: 10px;
  max-width: 125px;
  margin: 0 !important;
  color: #333;
  font: 9px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} }