/* Center figures and their captions in project and blog pages */
figure {
  text-align: center;
}

figure img {
  display: block;
  margin: 0 auto;
}

figcaption {
  text-align: center;
}

/* Larger hero photo: fill the whole right column on wide screens */
@media (min-width: 992px) {
  #hero .image {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #hero .image img {
    width: 100%;
  }
}