/* ============================================================
   MOBILE HEADING HIERARCHY FIX
   Salient's salient-dynamic-styles.css sets h3=15px and h4=18px
   at max-width:690px, breaking heading hierarchy.
   ============================================================ */
@media only screen and (max-width: 690px) {
  .wpb_text_column h3,
  .row .col h3,
  .row .span_2 h3,
  .row .span_3 h3,
  .row .span_4 h3,
  .row .vc_col-sm-2 h3,
  .row .vc_col-sm-3 h3,
  .row .vc_col-sm-4 h3,
  .row .vc_col-sm-5 h3,
  .row .vc_col-sm-6 h3,
  .row .vc_col-sm-7 h3,
  .row .vc_col-sm-8 h3,
  .row .vc_col-sm-9 h3,
  .row .vc_col-sm-10 h3,
  .row .vc_col-sm-11 h3,
  body h3 {
    font-size: var(--fr-subheading-size-m) !important;
  }
  .wpb_text_column h4,
  .row .col h4,
  .row .span_2 h4,
  .row .span_3 h4,
  .row .span_4 h4,
  .row .vc_col-sm-2 h4,
  .row .vc_col-sm-3 h4,
  .row .vc_col-sm-4 h4,
  .row .vc_col-sm-5 h4,
  .row .vc_col-sm-6 h4,
  .row .vc_col-sm-7 h4,
  .row .vc_col-sm-8 h4,
  .row .vc_col-sm-9 h4,
  .row .vc_col-sm-10 h4,
  .row .vc_col-sm-11 h4,
  body h4 {
    font-size: var(--fr-subheading-size-s) !important;
  }
}