@import url("https://fonts.googleapis.com/css?family=Sarabun:200,300,400,600,700,800&display=swap");
.post-grid {
  padding: 50px 0;
  background-color: #f0f0f0; }
  @media (min-width: 1026px) {
    .post-grid {
      padding: 75px 0; } }
  @media (min-width: 769px) {
    .post-grid__container {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px; } }
  .post-grid__header {
    color: #5d6166;
    text-align: center; }
  .post-grid .post-card {
    margin: 0 0 30px; }
    @media (max-width: 768px) {
      .post-grid .post-card:last-child {
        margin: 0; } }
    @media (min-width: 769px) {
      .post-grid .post-card {
        margin: 0 15px 30px;
        width: calc(50% - 30px); } }
    @media (min-width: 1026px) {
      .post-grid .post-card {
        width: calc(33.33% - 30px); } }

/*# sourceMappingURL=post_grid.css.map */