body {
  background:#ccc;
}
.wrap {
  max-width: 800px;
  margin:0 auto;
}
h1 {font-size:1.4em}
h2 {font-size:1.1em}

/*=== Blockquote Styles ===*/
blockquote {
  max-width:500px;
  margin: 20px auto;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
}
    blockquote p {
      margin:10px 0;
      line-height: 1.2;
      font-size:1em;
    }
    p.open, p.close {
      quotes: "\201C""\201D""\2018""\2019";
    }
    p.open:before {
      content: open-quote;
      line-height: 0;
      position: relative;
      left: -.10em;
      top: .20em;
      color: #666;
      font-size: 2em;
    }
    p.close::after {
      content: close-quote;
      line-height: 0;
      position: relative;
      left: .10em;
      top: .20em;
      color: #666;
      font-size: 2em;
    }
    blockquote footer{
      margin:0;
      text-align: right;
      font-style: italic;
    }
/*=== End Blockquote Styles ===*/

p{
    font-weight:500;
    margin: 8px;
}
p.bold {
    font-size:14px;
    font-weight:600;
    margin:20px auto;
}
.gallery, .header, .footer {
    text-align: center;
}
.gallery figure  {
    display: table;
    margin: 15px auto;
    padding: 5px;
    background: #eee;
    text-decoration: none;
    border-radius: 3px;
}
.gallery figure img {
    display: block;
    max-width: 100%;
}
figcaption {
    max-width:250px;
    margin: 10px auto 0;
}