.coalition-hero-banner {
  width: 100%;
}
.coalition-hero-banner > * {
  margin: 0px 110px;
}
.coalition-hero-banner-title {
  text-align: left;
  font-weight: 500;
  color: #101010;
  font-size: 32px;
}
.coalition-hero-background {
  margin: auto;
}
.coalition-hero-color-balance {
  position: absolute;
  z-index: 5;
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 85px auto;
}
.coalition-hero-color-balance-label {
  font-weight: 400;
  font-size: 24px;
}
.coalition-hero-color-balance-value {
  font-weight: 600;
  font-size: 72px;
}
.color-degradated {
  display: block;
  position: relative;
  margin: 15px;
  border-radius: 10px;
  width: inherit;
  height: 280px;
  background: linear-gradient(90deg, #000, #444);
}
@media screen and (max-width: 783px) {
  .coalition-hero-banner > * {
    margin: 0px 24px;
  }
  .coalition-hero-banner-title {
    font-size: 24px;
  }
  .coalition-hero-background {
    margin: 20px 16px 0;
    height: 120px;
  }
  .coalition-hero-background svg {
    height: 120px;
  }
  .coalition-hero-color-balance {
    margin: 50px auto;
  }
  .coalition-hero-color-balance-label {
    font-weight: 500;
    font-size: 14px;
  }
  .coalition-hero-color-balance-value {
    font-size: 36px;
  }
  .color-degradated {
    height: 120px;
  }
}
