/**
 * @file
 * Article node — full view mode.
 * Floats the lead image so the body text wraps beside it.
 */

.node--type-article.node--view-mode-full .field--name-field-image {
  float: left;
  width: 680px;
  max-width: 65%;
  margin: 4px 32px 18px 0;
}

.node--type-article.node--view-mode-full .field--name-field-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

@media (max-width: 640px) {
  .node--type-article.node--view-mode-full .field--name-field-image {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 16px;
  }
}