.posts-container{width:85%;margin:8rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6rem 4rem;gap:6rem 4rem}@media(max-width:1000px){.posts-container{grid-template-columns:1fr 1fr}}@media(max-width:768px){.posts-container{grid-template-columns:1fr}}.banner{display:flex;flex-direction:column;gap:1.5rem;padding:6rem 3.5rem;background-image:url(/images/blog-banner.webp);color:var(--white);text-align:center;background-size:cover;background-position-y:-20px;position:relative}.banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.banner h1{font-size:2rem}.banner h1,.banner h2{font-weight:700;z-index:1}.banner h2{font-size:3.6rem}.banner h3{font-weight:600;font-size:2rem;opacity:.8}