.campaign-thermometer {
  width: 63vw;
  max-width: 495px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 62em) {
  .campaign-thermometer {
    width: 75vw;
    max-width: 495px;
  }
}
.campaign-thermometer.campaign-thermometer-direction-ltr .outer,
.campaign-thermometer.campaign-thermometer-direction-ltr .inner {
  background-position: 0 0;
  background-size: 63vw auto;
}
@media only screen and (min-width: 62em) {
  .campaign-thermometer.campaign-thermometer-direction-ltr .outer,
  .campaign-thermometer.campaign-thermometer-direction-ltr .inner {
    background-size: auto 100%;
  }
}
.campaign-thermometer.campaign-thermometer-direction-ltr .inner {
  background-position: 0 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
}
.campaign-thermometer.campaign-thermometer-direction-btt .outer,
.campaign-thermometer.campaign-thermometer-direction-btt .inner {
  background-position: 0 0;
  background-size: 100% auto;
}
.campaign-thermometer.campaign-thermometer-direction-btt .inner {
  top: 0;
  right: 0;
}
.campaign-thermometer .outer,
.campaign-thermometer .inner {
  background-repeat: no-repeat;
}
.campaign-thermometer img {
  visibility: hidden;
}
.campaign-thermometer .outer {
  position: relative;
  z-index: 1;
}
.campaign-thermometer .inner {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.campaign-thermometer h2,
.campaign-thermometer h3 {
  text-align: center;
}