.blog-content {
  font-size: 1.125rem;
  line-height: 1.8;
}

.blog-content h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 1.2em 0 0.5em;
}

.blog-content h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

.blog-content p {
  margin: 1em 0;
}

.blog-content ul, .blog-content ol {
  padding-left: 1.25rem;
  margin-bottom: 1em;
}

/* Responsive img */
.blog-content img {
  max-width: 100%;
  height: auto;
  padding: 0 1em 0 0;
  vertical-align: middle;
  display: inline;
}

/* Images inside aligned <p> should be inline */
.blog-content p[style*="text-align"] img {
  display: inline;
  vertical-align: middle;
}

/* If image is not inside a <p>, block display */
.blog-content > img {
  display: block;
  margin: 1em 0;
}

/* Blockquotes */
.blog-content blockquote {
  border-left: 4px solid #ccc;
  padding-left: 1em;
  margin: 1em 0;
  color: #555;
}