.btn-success {
      background: #4e9d2d !important;
  }
  .btn-success:hover {
      background: #044674 !important;
  }

  .dealer-options h1, .dealer-options h2 {
      font-weight: 700;
      color: #fff;
  }
  .dealer-options h1 {
      font-size: 2rem;
  }
  .bg-title-blue{
      background: #006eaa;
  }
  .bg-title {
      background: rgb(125,178,204);
      background: linear-gradient(90deg, rgba(125,178,204,1) 0%, rgba(151,209,231,1) 100%);
  }
  .bg-title1 {
      background: #e1e1e1;
  }
  .bg-title2 {
      background: #f9f9f9;
  }
  .bg-plan1 {
      background: #f8f8f8;
  }
  .bg-plan2 {
      background: #fefefe;
  }
  .bi {
      font-size: 2rem;
      font-weight:800;
  }
  .form-col {
  }
  .purpleh4 {
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.36;
      letter-spacing: normal;
      color: #6e3d74;
      font-family: 'glacial_indifferencebold';
  }
  .dealer-boxes h4 {
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #044674;
      font-family: 'glacial_indifferencebold';
  }
  .dealer-boxes p {
      margin-bottom: 0px !important;
      font-size: 16px;
      line-height: 22px;
  }
  .form-col .heading-1{
      font-size: 34px;
      line-height: 1.23;
  }
  .vimeo-text span {
      display: block;
      line-height: 1.45;
      font-size: 22px;
      font-family: 'glacial_indifferenceregular';
      color: #fff;
  }
  .video-wrap .vimeo-text .heading-1 {
      font-size: 34px;
      line-height: 1.38 !important;
  }
  .heading-1 {
      font-size: 34px;
      line-height: 1.38 !important;
  }
  #water-test-dealer-phone a {
      color: #000 !important;
      text-decoration: none;
  }

  .nav-active {
    color: #763877;
    font-size: 20px;
    font-family: glacial_indifferencebold;
  }
  .bg-purple {
    background: #763877;
  }
  .nav-inactive {
    color: #858585;
    font-size: 20px;
  }
  .bg-inactive {
    background: #858585;
  }
  .nav-active span,
  .nav-inactive span {
    font-family: glacial_indifferencebold;
    padding: 7px 16px;
  }
  .who-logo {
    max-width:180px !important;
  }
  .text-danger {
    color: #dc3545 !important;
  }

  @media (max-width: 991.98px) {
      .body {
          margin-top: 110px;
      }
      header nav {
          padding: 7px 0;
          max-height: 150px;
      }
      #spb-information-bar{
        min-height:80px !important;
      }
      #spb-information-bar .spb_table_cell {
          animation: marquee 20s linear infinite;
          display: inline-block;
          white-space: nowrap;
      }
      #spb-information-bar .message-text {
        text-align: center;
        margin-top:20px;
        font-size: 32px!important;
        line-height: 36px !important;
        font-family: glacial_indifferencebold!important;
      }
      header nav .logo img {
        width: 500px!important;
        min-width: 500px!important;
        max-width: 500px!important;
        padding:10px;
      }
      .video-wrap {
          background: url('https://dwrzjr5oug77s.cloudfront.net/uws/img/hero-dealer-invitation-mobile.jpg') no-repeat center center;
          background-size: 100%;
          padding: 20px !important;
          background-size: cover;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
      .video-wrap .video-banner {
          left: 0;
          bottom: -70px;
          right: 0;
          text-align: center;
      }
      .video-wrap .vimeo-text {
          padding: 30px;
          text-align: center;
          background: rgba(0,0,0,.2);
      }
      .video-wrap .vimeo-text .heading-1 {
          font-size: 70px;
      }
      .video-wrap .vimeo-text span {
        font-size: 44px;
        color: #fff;
      }
      .hero-banner .banner-text .heading-1 span {
          line-height: 1;
          font-size: 18px;
      }
      .hero-banner .banner-text .heading-1 {
          margin-top: -20px;
          font-size: 28px;
          line-height: 1.21;
      }
      .form-col .heading-1{
          font-size: 56px;
      }
      .form-col p {
          font-size: 36px;
          line-height: 40px;
      }
      .bg-pink {
          max-height: 250px;
      }
      .bg-gray .container{
        min-width: 95% !important;
      }
      .nav-active {
        color: #763877;
        font-size: 2rem;
        font-family: glacial_indifferencebold;
      }
      .bg-purple {
        background: #763877;
      }
      .nav-inactive {
        color: #858585;
        font-size: 2rem;
      }
      .bg-inactive {
        background: #858585;
      }
      .nav-active span {
        font-family: glacial_indifferencebold;
        padding: 10px 22px;
      }
      .nav-inactive span {
        font-family: glacial_indifferencebold;
        padding: 10px 20px;
      }
      .dealer-boxes div {
        padding: 10px 10px;
      }
      .dealer-boxes h4 {
          font-size: 44px;
          margin-bottom: 30px;
      }
      .dealer-boxes p {
          margin-bottom: 0px !important;
          font-size: 40px;
          line-height: 48px;
      }
      .dealer-options h1, .dealer-options h2 {
          font-size: 0.8rem;
      }
      .dealer-options h1 {
          font-size: 1.2rem;
      }
      .bg-title2 {
          background: #e1e1e1;
      }
      .btn2 {
          font-size: 1rem;
          padding: 2px
      }
      .btn {
        text-align: center;
        width: auto;
        cursor: pointer;
        font-family: aktivgrotesk-reguuploadedfile;
        font-weight: 400;
        padding: 0.8rem 4rem;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 700;
        letter-spacing: .08rem;
        outline: 0;
      }      
      .footer .heading-1 {
        font-size: 44px;
        margin-bottom: 10px;
      }
      .footer .copyright {
        background: #414141;
        color: #f0f0f0;
        font-size: 32px;
        line-height: 2;
        padding: 2.8rem 0;
        font-family: Roboto,sans-serif;
      }
      .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-family: inherit;
        font-size: 38px;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #8f8f8f;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 4px;
        transition: border-color .1s ease-out;
        margin: 10px 0px;
      }
      .form-check-input{
        width: 2.6em;
        height: 2.6em;
        margin-right:15px;
      }
      form label {
        font-size:36px;
      }
      .braintree-sheet__header .braintree-sheet__text, .braintree-sheet__content--form .braintree-form__field-group .braintree-form__label {
        color: #000;
        font-size: 32px;
      }
  }

  #checkout-message {
    text-align: center;
    background-color: #FFF;
    padding: 10px;
  }