article.body_content figure img {
  display: block;
  width: 100%;
  height: auto;
}
article.body_content figure[style="float:left"] {
  margin: 10px 20px 20px 0;
  max-width: 50%;
}
article.body_content figure[style="float:right"] {
  margin: 10px 0 20px 20px;
  max-width: 50%;
}
article.body_content figure[style="float:left"] figcaption,
article.body_content figure[style="float:right"] figcaption {
  background: #f4f4f4;
  font-size: 14px;
  line-height: 18px;
  color: #808080;
  padding: 15px 15px;
}
article.body_content figure figcaption {
  background: #f4f4f4;
  font-size: 14px;
  line-height: 18px;
  color: #808080;
  padding: 15px 15px;
  width: 100% !important;
}
@media (max-width: 767px) {
  article.body_content figure[style="float:left"] {
    margin: 10px 20px 20px 0;
    max-width: 100%;
  }
  article.body_content figure[style="float:left"] figcaption,
  article.body_content figure[style="float:right"] figcaption {
    background: #f4f4f4;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #808080;
    padding: 15px 15px;
  }
}
@media (max-width: 480px){
  article.body_content figure[style="float:left"] {
    margin: 10px 0 20px 0;
    max-width: 100%;
  }
}
/**
 * Enhanced Image adds line breaks around
 * the figcaption that may be converted to
 * <br> tags on the frontend in some cases
 * via the Drupal input format filtering
 * process. Thus we hide the extra br tags
 * with this CSS hack.
 */
figure > br {
  display: none;
}

@media screen and (max-width: 992px) {
  .newDes_ninteen .page_header {
    display: block;
    max-width: 82%;
    margin:0 auto;
  }
  .newDes_ninteen .page_header .header_text {
    width: 100%;
  }
  .newDes_ninteen .page_header .header_imagery {
    width: 100%;
  }
  .newDes_ninteen article.body_content figure {
    max-width: none;
    width: 100%;
    margin: 10px 0 20px;
  }
  .newDes_ninteen .header_imagery figure figcaption {
    width:100% !important;
  }
}
@media screen and (max-width: 480px) {
  .newDes_ninteen .page_header {
    max-width: 90%;
  }
}