.blog-feed{background:var(--color-gray);display:grid;margin-bottom:10rem;place-content:center}.blog-feed__wrapper{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:110rem;padding-bottom:6rem;padding-top:6rem}@media (max-width:1024px){.blog-feed__wrapper{padding-left:5rem;padding-right:5rem}}@media (max-width:850px){.blog-feed__wrapper{padding-left:3rem;padding-right:3rem}}.blog-feed__heading{max-width:72rem;text-align:center}.blog-feed .button{max-width:-moz-fit-content;max-width:fit-content}.blog-feed__listing{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);list-style-type:none;margin-top:2rem}@media (max-width:1200px){.blog-feed__listing{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.blog-feed__listing{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-feed__listing{grid-template-columns:1fr}}.blog-feed__listing-element{margin:0;max-width:25rem}.blog-feed__listing-element a{display:flex;flex-direction:column;gap:2rem;text-decoration:none}.blog-feed__listing-element a:hover .blog-feed__listing-element-info p{color:var(--color-paragraph)}.blog-feed__listing-element a:hover .blog-feed__listing-element-info h5{color:var(--color-brand)}.blog-feed__listing-element-info{display:flex;flex-direction:column;gap:.5rem}.blog-feed__listing-element-info p{color:#c8c8c8;font-size:1.8rem;font-weight:400;text-decoration:none;transition:color .2s}.blog-feed__listing-element-info h5{color:#a3a3a3;font-size:1.8rem;font-weight:500;text-decoration:none;transition:color .2s}