.wrapper {
  display: flex;
  justify-content: center;
}

article.post {
  width: 100%;
  max-width: 680px;
  padding: 0;
} 
@media (max-width: 600px) {
  article.post {
    padding: 0 8px;
  }
}

header {

}

header.post h1 {
  margin-bottom: -0.27em;
  font: var(--font-h1);
  line-height: 52px;
  color: #242424;
  border: none;
}

header.post h3 {
  margin-bottom: 24px;
  font: var(--font-h3);
  line-height: 28px;
  color: #6B6B6B;
}

header p.date {

}

.content {
  width: 100%;
  font: var(--font-content);
  line-height: 32px;
}

.content p {
  max-width: 680px;
  margin-top: 2.14em;
  line-height: 32px;
}

.content img {
  width: 100%;
  max-width: 680px;
}