/*
 * Responsive header slogan adjustments.
 *
 * The decorative top graphic (.precontent) is pulled 2.5rem up over the bottom
 * of the header by design, which covered the slogan at widths below 1200px.
 *
 * Selectors use "div.slagord h4" to match the specificity of zondo.css, which
 * is loaded first and would otherwise win.
 */
div.slagord h4 {
  margin: 0;
  line-height: 1.15;
}

/* Below 1200px the header is short enough that the slogan must be top-aligned
   to stay clear of the decorative graphic. Desktop keeps its original look. */
@media (max-width: 1199.98px) {
  div.slagord {
    align-items: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  div.slagord h4 {
    font-size: 0.95rem;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  div.slagord h4 {
    font-size: 1.05rem;
  }
}

@media (min-width: 1200px) {
  div.slagord h4 {
    font-size: x-large;
    margin-top: 6px;
  }
}