/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */
img {
	 opacity: 1;
	 -moz-transition: opacity ease 1.5s;
	 -o-transition: opacity ease 1.5s;
	 -webkit-transition: opacity ease 1.5s;
	 transition: opacity ease 1.5s;
}
img[data-echo] {
	 opacity: 0;
}
.field-name-field-image {
  background: #f4f4f4 url(../images/def-placeholder.png) no-repeat center center;
  background-size: 50% auto;
}
.field-name-field-image img, .article-img img, .gallery-snippet-img img {
  width: 100%;
}