/* Font stacks */
@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff) format("woff"), url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff2) format("woff2"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.ttf) format("truetype"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.otf) format("opentype");
  font-weight: 100; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans.woff) format("woff"), url(/synchrony/fonts/SynchronySans.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans.otf) format("opentype"), url(/synchrony/fonts/SynchronySans.svg) format("svg");
  font-weight: 400; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans-Medium.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Medium.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Medium.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Medium.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Medium.svg) format("svg");
  font-weight: 500; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans-Bold.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Bold.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Bold.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Bold.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Bold.otf) format("opentype"), url(/synchrony/fonts/SynchronySans-Bold.svg) format("svg");
  font-weight: 700; }

/* Universal breakpoints */
.savings-tile {
  margin-right: 24px;
  padding: 24px;
  border-radius: 8px;
  width: 272px;
  padding-top: 100px; }
  @media (min-width: 992px) {
    .savings-tile:last-of-type {
      margin-right: 0; } }
  .savings-tile .percentage-wrap {
    padding: 0px 0 24px; }
  .savings-tile-heading {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 12px;
    padding-top: 12px; }
  .savings-tile-sub-heading {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 12px; }
  .savings-tile-percentage {
    font-size: 42px;
    color: #3F647C;
    font-weight: bold;
    position: relative;
    top: 5px; }
  .savings-tile-percentage-number {
    font-size: 64px;
    color: #3F647C;
    margin: 0;
    position: relative; }
    .savings-tile-percentage-number .percentage-desc {
      font-weight: 500;
      font-size: 18px;
      color: #3B3D49;
      display: block;
      position: absolute;
      top: -18px; }
  .savings-tile-percentage-type {
    font-size: 18px;
    color: #3F647C;
    font-weight: bold;
    margin: 0;
    position: relative;
    top: -5px; }