
.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;}
}