.energy-page-u96-balloon {
  max-width: 840px;
  height: 107px;
  background-color: #ff0000;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  margin: 17px auto 0;
  top: 20px;
}
.energy-page-u96-balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 30px solid #ff0000;
}
.energy-page-u96-balloon-texts {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  margin: 0;
  padding: 16px;
  line-height: 1.3;
}
.energy-page-u96-balloon-texts-num {
  font-size: 30px;
}
.energy-page-u96-balloon-texts-lg {
  font-size: 38px;
}
.energy-page-u96-balloon-texts-md {
  font-size: 22px;
}
.energy-page-u96-balloon-texts-sm {
  font-size: 18px;  
}
@media only screen and (max-width: 900px) {
  .energy-page-u96-balloon {
    width: calc(100% - 10px);
    max-width: 320px;
    height: auto;
    margin: 8px auto 0;
    top: 22px;
  }
  .energy-page-u96-balloon:before {
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 14px solid #ff0000;
  }
  .energy-page-u96-balloon-texts {
    padding: 10px 0;
  }
  .energy-page-u96-balloon-texts-num {
    font-size: 21px;
  }
  .energy-page-u96-balloon-texts-lg {
    font-size: 20px;
  }
  .energy-page-u96-balloon-texts-md {
    font-size: 15px;
  }
  .energy-page-u96-balloon-texts-sm {
    font-size: 10px;  
    white-space: nowrap;
  }
}