article img 
  display: block
  margin-left: auto
  margin-right: auto
  border: 1px solid #ccc !important
  border-radius: 4px
  margin-top: 1.5em
  margin-bottom: 1.5em

img 
    max-width: 100%

figure 
  margin-bottom: 1.5em !important
  margin-left: 0
  margin-right: 0
  img
    margin-bottom: 0 !important

  figcaption
    margin-top: 0.8rem !important
    font-size: 1.2rem 
    text-align: center
    font-style: italic
    font-weight: normal
    color: #aaa

    /** Hugo's figure shortcode seems to render h4s sometimes **/
    h4
      font-size: 1.2rem
      font-weight: normal


.big-img
  .container
    height: 100px !important
    @media (min-width: 768px)
      height: 150px !important
    @media (min-width: 960px)
      height: 200px !important
    @media (min-width: 1600px) 
      height: 250px !important

  background: no-repeat center center
  -webkit-background-size: cover
  -moz-background-size: cover
  background-size: cover
  -o-background-size: cover

  border-top: 2px solid lightgray
  border-bottom: 1px solid $accent