@media only screen and (max-width: 690px) {
  /* Targets the blog title overlaying the banner image */
  #page-header-bg .span_6 h1,
  #page-header-bg[data-resizing="1"] h1,
  .single-post #page-header-bg h1 {
    font-size: 18px !important;
    line-height: 30px !important;
  }