/* Table of Contents
==================================================
# Image
# Alignments
# Styles
# Media Queries */

/* # Image
================================================== */
img {
  border: 0;
  border-radius: 3px;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}

/* # Alignments
================================================== */
.img-center { margin: 0 auto; }

/* # Styles
================================================== */
.img-circle { border-radius: 500px; }
.img-square { border-radius: 0; }

/* # Media Queries
================================================== */
@media only screen and (max-width: 767px) {
  .img-icon { max-width: 60%; }
}