.testimonials {
  background-color: transparent !important;
}
.testimonial_banner {
  position: relative;
  top: 12px;
}
.testimonial_headline {
  position: absolute;
  top: 30%;
  color: #fff;
  width: 100%;
  transition: top 300ms linear;
}
.testimonial_headline h2 {
  font-size: 300%;
  transition: font-size 300ms linear;
}
.testimonial_headline h3 {
  border: 2px solid #fff;
  padding: 1em;
}
.testimonial_article {
  padding: 1em;
}
.testimonial_article p:nth-child(2) {
  font-size: 150%;
  color: #aaa;
}
.quote_mark_top {
  font-family: cursive;
  font-size: 1200%;
  color: #9bdce2;
}
.quote_mark_bottom {
  font-family: cursive;
  font-size: 1200%;
  color: #9bdce2;
  float: right;
}
.author_info {
  clear: both;
}
.author_name {

}
.author_company {
  color: #777;
}
.font_large {
  font-size: 300%;
}







@media screen and (max-width: 500px ) {
  .testimonial_banner {
    position: relative;
    top: 12px;
  }
  .testimonial_headline {
    position: absolute;
    top: 5%;
    color: #fff;
    width: 100%;
    transition: top 300ms linear;
  }
  .testimonial_headline h2 {
    font-size: 100%;
    transition: font-size 300ms linear;
  }
  .testimonial_headline h3 {
    border: 2px solid #fff;
    font-size: 50%;
    padding: .5em;
  }
}
@media screen and (max-width: 767px) {
  .testimonial_banner {
    position: relative;
    top: 12px;
  }
  .testimonial_headline {
    position: absolute;
    top: 10%;
    color: #fff;
    width: 100%;
    transition: top 300ms linear;
  }
  .testimonial_headline h2 {
    font-size: 170%;
    transition: font-size 300ms linear;
  }
  .testimonial_headline h3 {
    border: 2px solid #fff;
    font-size: 90%;
    padding: .5em;
  }
}