.coalition-hero-banner {
  width: 95%;
  margin: auto;
  .welcome {
    text-align: left;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #101010;
  }
  .background {
    height: 280px;
    background: linear-gradient(90deg, #000, #444);
    border-radius: 10px;
    position: relative;
    text-align: center;
    .balance {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      .label,
      .value,
      .equiv {
        color: #fff;
      }
      .label,
      .equiv {
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
      }
      .value {
        font-weight: 600;
        font-size: 72px;
        line-height: 80px;
      }
    }
  }
}
@media (max-width: 783px) {
  .coalition-hero-banner {
    .welcome {
      font-size: 24px;
      line-height: 32px;
    }
    .background {
      height: 120px;
      .balance {
        .label,
        .value,
        .equiv {
          font-weight: 500;
          font-size: 14px;
          line-height: 22px;
        }
        .value {
          font-size: 32px;
          line-height: 40px;
        }
        .equiv {
          font-size: 12px;
        }
      }
    }
  }
}
