.dist-marker {
min-width: 18px;
min-height: 18px;
font-size: 12px;
border-radius: 10px 10px 4px 4px;
text-align: center;
color: #000;
background: #fff;
background-image:linear-gradient(to bottom, #C80000 33%,#FFFFFF 0%);
border-style:solid;
border-width:1px;
border-color:black;
box-shadow: 2px 2px 2px #223333;
line-height:200%;
}

.dist-marker * {
  line-height: inherit;
  font-size: inherit;
}


@media (max-width: 1023px){
.dist-marker {
min-width: 12px;
min-height: 8px;
font-size: 12px;
line-height:200%;
}
}