@media only screen and (max-width: 979px) {
  .page-landing > .page-content-column-right .card-img {
    padding-top: 20px;
  }
}

@media (min-width: 768px) {
  .content-block {
    padding-top: 30px;
  }
}

@media (min-width: 1024px) {
  .content-block-inset {
    padding-top: 65px;
    padding-bottom: 88px;
  }

  .page-hero .hero-content .center-text {
    max-width: 768px;
  }

  .card-panel th {
    padding-right: 10px !important;
  }

  a.btn.cta-3 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    font-weight: 700;
  }

  #site-head .fixable-item,
  #site-head:hover .fixable-item,
  #site-head .fix-me .fixable-item,
  #site-head .fix-me-bottom .fixable-item,
  #site-head .page-content {
    background-color: #ffffff;
  }

  #site-head nav a:not(.nav-burger),
  #site-head .btn-clear {
    color: #000000;
    border-color: #ffffff;
  }

  .page-campaign .campaign-columns .campaign-content-column .column-bg {
    padding-right: 0 !important;
    padding-left: 50px !important;
  }

  .page-transactions .tabbed-tab:not(:first-of-type) {
    border-left-width: 0;
  }
  .page-hero .hero-content .content-wrap {
    max-width: 800px !important;
}
/* Know what you've got to spend section */
section.content-block.columned-block.center-text {
    background-color: #FFC2A4 !important;
}

section.content-block.columned-block.center-text .page-content {
    background-color: #FFC2A4 !important;
}

/* Get your Cash Passport (fast!) section */
section.content-block.columned-block.center-text.block-alt-bg-2.no-animation,
section.content-block.columned-block.center-text.block-alt-bg-2.no-animation .page-content {
    background-color: #FFC2A4 !important;
}

/* Mobile app / image-right section */
section.content-block.content-block-inset.block-min-height.mobi-pin-img.block-alt-bg-2.w-img-on-right,
section.content-block.content-block-inset.block-min-height.mobi-pin-img.block-alt-bg-2.w-img-on-right .page-content {
    background-color: #FFC2A4 !important;
}
}

@media (max-width: 767px) {
  .content-block-inset {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .page-hero .hero-content .center-text {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
  }

  .card-panel th {
    padding-right: 5px !important;
    font-size: 14px;
  }

  a.btn.cta-3 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 16px;
  }

  #site-head .fixable-item,
  #site-head:hover .fixable-item,
  #site-head .fix-me .fixable-item,
  #site-head .fix-me-bottom .fixable-item,
  #site-head .page-content {
    background-color: #ffffff;
  }

  #site-head nav a:not(.nav-burger),
  #site-head .btn-clear {
    color: #000000;
    border-color: #ffffff;
  }

  #site-head .mobi-nav {
  background-color: #ffffff !important;
  }

  #site-head .mobi-nav .btn {
  border-color: #000000;
  }

    .page-campaign .campaign-columns .campaign-content-column .column-bg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .page-transactions .tabbed-tab:not(:first-of-type) {
    border-left-width: 0;
  }

  .page-hero .hero-content .content-wrap {
    max-width: 95% !important;
    padding: 0 10px;
  }


  @media only screen and (max-width: 979px) {
    .page-steps #steps-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

@media only screen and (max-width: 979px){
a { color: #ffffff; text-decoration: none; }
a:not(.btn):not(.btn-txt):hover,
a:not(.btn):not(.btn-txt):focus { text-decoration: underline; color: #ffffff; }
a:not(.btn):not(.btn-txt):active { color: #ffffff; }
}
}