@media (min-width: 768px) {
  .hero-bg {
    background-image: url(../../assets/img/landingpages/tf-banner-bw.png);
    background-size: 1134px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #97c00d;
  }
}

@media (min-width: 340px) {
  h1.landing-hero {
    font-size: 2.8rem;
  }
}

h1.landing-hero {
  font-size: 2.6rem;
}

#hero {
  background-color: #97c00d;
}

@media (min-width: 576px) {
  #hero {
    min-height: 755px;
    overflow: auto;
  }
}

.card-blockquote {
  border: 0px !important;
  -webkit-box-shadow: 0px 0px 0px !important;
  -moz-box-shadow: 0px 0px 0px 0px !important;
  box-shadow: 0px 0px 0px 0px !important;
}

.card-body p.quote {
  font-size: 125%;
  /*color: red;*/
}

.card-body p.quote::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: rgba(151,192,13,0.4);
}

.card-body p.quote::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f10e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px;
  color: rgba(151,192,13,0.4);
}

.quote-name {
  font-size: 115%;
}

.quote-name::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f27a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: rgba(151,192,13,0.4);
}

.quote-company {
  font-size: 110%;
}

.quote-company::before {
  content: "\2013";
  margin-right: 8px;
  color: rgba(151,192,13,0.4);
}