.PostCategoriesNav{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:2rem 0;display:flex}
.PostCard{color:#000;border:1px solid var(--lightGrey);border-radius:var(--borderRadius);background:#fff;height:41.5rem;margin:2rem;text-decoration:none;transition:all .15s ease-in-out;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.1)}.PostCard:hover,.PostCard:focus{transform:translateY(-1px);box-shadow:0 2px 30px rgba(0,0,0,.15)}.PostCard--Image{width:100%;height:19rem;margin:0 0 2rem}.PostCard--Image img{object-fit:cover;width:100%;height:100%}.PostCard--Title{margin:0}.PostCard--Content{flex-direction:column;justify-content:space-around;height:23rem;padding:0 2.5rem 2.5rem;display:flex}.PostCard--Category{text-align:right;font-size:1rem}
.PostSection{padding:2rem 0}.PostSection .PostCard{width:calc(33.33% - 4rem)}.PostSection--Grid{flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}@supports (display:grid){.PostSection--Grid{grid-gap:4rem;grid-template-columns:repeat(3,1fr);display:grid}.PostSection .PostCard{width:auto;margin:0 0 4rem}}.PostSection--Title{width:100%;max-width:200px;margin:0 auto 4rem;line-height:1.2}@media screen and (max-width:812px){.PostSection--Grid{grid-gap:4rem;grid-template-columns:repeat(2,1fr);display:grid}}@media screen and (max-width:750px){.PostSection .PostCard{width:100%;margin:0 0 4rem;display:block}@supports (display:grid){.PostSection--Grid{grid-gap:0;grid-template-columns:1px;display:block}.PostSection .PostCard{margin:0 0 4rem}}}