
    .qWidth33 {
      float: none !important;
      width: 100% !important;}

    .qWidth67 {
      float: none !important;
      width: 100% !important;}

    .blackBanner {
      background-image: url('/img/parallaxaboutus.webp');
      color: #fff !important;
      padding-top: 160px;
      padding-bottom: 140px;
      background-attachment: fixed;
      background-size: cover;
      background-position: center center;
      min-height: 400px;}

    .bannerLargeNumber {
      font-family: lora;
      font-size: 109px;
      color: #0098c3;
      margin-top: -95px;}

    .bannerSmallLabel {
      font-size: 22px;
      color: #0098c3;
      font-family: lora;
      font-style: italic;}

    @media (max-width: 350px) {
      .bannerSmallLabel {
        display: block;
        margin-top: -20px;
        margin-bottom: 10px;
        padding-left: 28px;}
    }

    .bannerCurrency {
      font-size: 40px;
      color: #0098c3;}

    .bannerSubText {
      font-family: lora;
      font-style: italic;
      font-size: 22px;
      color: white;
      margin-top: -10px;}

    .bannerFootText {
      font-family: lora;
      font-style: italic;
      font-size: 14px;
      margin-top: 0;
      color: #B2B2B2;}

    .bannerQuote {
      color: #fffff;
      font-size: 28px;
      line-height: 40px;
      font-weight: 300;
      margin-top: -175px;}

    .qutationMarkTop {
      font-size: 300px;
      font-family: lora;
      margin-top: 75px;
      margin-left: -122px;
      line-height: 180px;
      visibility: hidden;}

    .qutationMarkSmall {
      display: inline-block;}

    .quoteName {
      font-size: 18px;
      text-transform: uppercase;
      margin-top: 20px;}

    .quoteNameTitle {
      font-size: 14px;
      text-transform: uppercase;}

    .quoteNameWrapper {
      float: right;
      text-align: right;}

    @media (min-width: 992px) {
      .blackBanner {
        padding-top: 160px !important;
        padding-bottom: 140px !important;}

      .qutationMarkTop {
        margin-top: -205px !important;
        line-height: 330px !important;
        visibility: visible;}

      .qutationMarkSmall {
        display: none;}

      .qWidth33 {
        float: left !important;
        width: 33% !important;}

      .qWidth67 {
        float: right !important;
        width: 67% !important;}
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
    only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
    only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
      .blackBanner {
        background-attachment: initial !important;}

      .blackBanner2 {
        background-attachment: initial !important;}
    }
  