.gauge {
  position: relative;
}

.gauge-text {
  font-size: 40px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px #fff, 2px 2px #fff;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .gauge-text {
    font-size: 50px;
  }
}
@media screen and (min-width: 992px) {
  .gauge-text {
    font-size: 60px;
  }
}

.gauge-text--positive {
  color: #008600;
}

.gauge-text--negative {
  color: #a80000;
}

.gauge-text--neutral {
  color: #e5c311;
}

.gauge-body {
  width: 100%;
  height: 100%;
}