body {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
   .card-series {
      background: transparent !important;
      background-repeat: repeat-y;
      background-position: top ;
      background-size: 100%;
  }
  
  .background-gradient {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  .main-container {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  #people-container {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  .pay-container {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  .waiver-background {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  .schedule-container {
    background: rgb(198,97,162);
    background: linear-gradient(180deg, rgba(198,97,162,1) 0%, rgba(255,255,255,1) 100%);
    background-attachment: fixed;
  }
  
  @media screen and (min-width: 750px) {
      .main-container header h1 {
          font-weight: bold;
          color: #fff;
      }
  
      #people-container header h1 {
          font-weight: bold;
          color: #fff;
      }
      
      .pay-container header h1 {
          font-weight: bold;
          color: #fff;
      }
  
      .schedule-container header h1 {
          font-weight: bold;
          color: #fff;
      }
      
      .waiver-background header h1 {
          font-weight: bold;
          color: #fff;
      }
  
      .waiver-container {
          padding: 0 0.5rem;
      }

      .invoice-container header h1 {
        font-weight: bold;
        color: #fff;
      }

      .breakdown-container header h1 {
        font-weight: bold;
        color: #fff;
      }
  }