/**
 * Downloadable image
 *
 * Description: Styles for downloadable image.
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Downloadable image
 *   1.1 - Downloadable image (responsive)
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Downloadable image
 * -----------------------------------------------------------------------------
 */

.downloadable-image {
	width: em(340px);
}


/**
 * 1.1 - Downloadable image (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-small-max) {
	.downloadable-image {
		width: 100%;

		& img {
			width: 100%;
		}
	}
}