.hero-angle-card .f--page-title h1,
.cloned-overlay .overlay-content .f--page-title h1{
  font-size:3rem;
  line-height:1;
}
@media screen and (min-width: 768px) {
  .hero-angle-card .f--page-title h1,
  .cloned-overlay .overlay-content .f--page-title h1 {
      font-size: 5rem;
      line-height: 1.1;
  }
}
@media screen and (min-width: 1024px) {
  .hero-angle-card .f--page-title h1,
  .cloned-overlay .overlay-content .f--page-title h1 {
      font-size: 6rem;
      line-height: 1.0834;
  }
}
/*remove horizontal line that appears on certain sized down browser widths*/
.hero-angle-decoration {bottom:-1px}