/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* MODEST HERO IMAGE SYSTEM */

.modest-hero {
  text-align: center;
}

.modest-hero img {
  width: 100%;
  height: auto;
  max-width: 820px;
  display: block;
  margin: 40px auto 56px auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Mobile refinement */

@media (max-width: 768px) {
  .modest-hero img {
    max-width: 96vw;
    margin: 20px auto 32px auto;
  }
}
.blog-post .hero h1 {
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.85);