div.captionedImageWrapper {
  margin: 1em 0 1em 0;
}

article img {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
  padding: 0;
  margin: 5px 0 5px 0;
  border: 0;
  max-width: 100%;
}

article figure.captionedImage {
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
  padding: 0;
  margin: 5px 0 5px 0;
  border: 0;
  max-width: 100%;  
  line-height: 0;
}

article figure.captionedImage.floatLeft, article img.floatLeft {
  max-width: 40%;
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 20px;
}

article figure.captionedImage.floatRight, article img.floatRight {
  max-width: 40%;
  margin-right: 0;
  margin-left: 20px;
  margin-bottom: 20px;
}

article figure.captionedImage.fullWidth, article img.fullWidth {
  max-width: none;
  max-width: initial;
  width: 100%;
}

article figure.captionedImage div {
  display: table;
  width: 100%;
}

article figure.captionedImage img {
  box-shadow: none;
  max-width: none;
  max-width: initial;
  margin: 0;
  width: 100%;
}

article figure.captionedImage figcaption {
  padding: 5px;
  display: table-caption;
  caption-side: bottom;
  font-style: italic;
  line-height: normal;
}

.article-summary img, .article-summary figure.captionedImage {
  float: right !important;
  margin-left: 20px !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  max-width: 33% !important;
}

.article-summary figure.captionedImage img {
  float: none !important;
  max-width: none !important;
  max-width: initial !important;
  margin: 0 !important;
}

/*
 - Full size images
 - Bigger summary images
 - Smaller article title text
*/
@media screen and (max-width: 640px) {
  article figure.captionedImage figcaption {
    font-size: 90%;
  }
  article img {
    max-width: none;
    max-width: initial;
    width: 100%;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage {
    max-width: none;
    max-width: initial;
    width: 100%;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage.floatLeft, article img.floatLeft {
    max-width: none;
    max-width: initial;
    float: none;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage.floatRight, article img.floatRight {
    max-width: none;
    max-width: initial;
    float: none;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage img {
    margin: 0;
    width: 100%;
  }
  .article-summary img, .article-summary figure.captionedImage {
    max-width: 50% !important;
    width: none !important;
    width: initial !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
  .article-summary figure.captionedImage img {
    margin: 0 !important;
    width: 100% !important;
  }
}

/* 
 - Full size images
*/
@media screen and (max-width: 480px) {
  article img {
    max-width: none;
    max-width: initial;
    width: 100%;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage {
    max-width: none;
    max-width: initial;
    width: 100%;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage.floatLeft, article img.floatLeft {
    max-width: none;
    max-width: initial;
    float: none;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage.floatRight, article img.floatRight {
    max-width: none;
    max-width: initial;
    float: none;
    margin: 5px 0 5px 0;
  }
  article figure.captionedImage img {
    margin: 0;
    width: 100%;
  }
  .article-summary img, .article-summary figure.captionedImage {
    max-width: none !important;
    max-width: initial !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
  .article-summary figure.captionedImage img {
    margin: 0 !important;
  }
}