//------------------------------------------------------------------------------------------------
// IMAGES
//------------------------------------------------------------------------------------------------

/*
[1] Fluid images for responsive purposes.
[2] Offset `alt` text from surrounding copy.
[3] Setting `vertical-align` removes the whitespace that appears under 'img'
or 'svg' elements when they are dropped into a page as-is.
*/

img {
	max-width: 100%; /* [1] */
	font-style: italic; /* [2] */
	vertical-align: middle; /* [3] */
}

svg {
	vertical-align: middle; /* [3] */
}

/*
[1] If a `width` and/or `height` attribute have been explicitly defined, let’s not make the image fluid.
*/

img[width], /* [1] */
img[height] {  /* [1] */
	max-width: none;
}