.thermometer {
  width: 100%;
  position: relative;
  color: white;
  height: 1.75em;
  margin-top: 0.5em;
  clear: both; }
  .thermometer .temperature {
    position: absolute;
    width: 0.25em;
    height: 1.75em;
    bottom: 0;
    left: 50%;
    color: #ba41be; }
  .thermometer .label {
    position: absolute;
    width: 10em;
    left: -9em;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 1em; }
  .thermometer .marker {
    position: absolute;
    border-left: 2px solid black;
    border-right: 2px solid black;
    width: 0.25em;
    height: calc(0.25em + 1px);
    z-index: 2;
    bottom: 0; }
  .thermometer img {
    position: absolute;
    width: 100%;
    height: 0.33em;
    bottom: 0px; }

@media screen and (max-width: 768px) {
  .thermometer {
    font-size: 1.25em; } }