.posts-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

  article {
    width: 15rem;
    text-align: center;
    margin-bottom: 1rem;
    margin: 1rem;

    a {
      color: #000;
      text-decoration: none;
    }

    a:hover {
      color: #323232;
    }

    .thumbnail a,
    img {
      border-radius: 3px;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .tags {
      margin: 0.5rem;
      margin-bottom: 0.75rem;
      text-transform: uppercase;
      font-weight: bold;
      color: #2d5c88;

      a {
        color: #2d5c88;
      }
    }

    h3 {
      font-size: 1.4em;
      text-transform: uppercase;
    }

    .description {
      margin-top: 0.75rem;
    }
  }
}