/* -- Examples -- */
.image-row {
  text-align: center; }

@media (min-width: 640px) {
  .image-row {
    text-align: left; } }

.example-image-link {
  display: inline-block;
  padding: 2px;
  margin: 0 0.5rem 1rem 0.5rem;
  background-color: #fff;
  line-height: 0;
  border-radius: 4px;
  transition: background-color 0.5s ease-out; }
  .example-image-link:hover {
    background-color: #4ae;
    transition: none; }

.example-image {
  width: 20rem;
  border:1px solid #999;
  padding:5px;
  border-radius: 4px; }