.news-container{column-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,1fr);height:800px}.news-container p{margin:0}.news-container .date p{font-size:14px}.news-container .title{padding-top:20px;position:relative}.news-container .title p{font-size:28px}.news-container .news-title{grid-column:span 2}.news-container a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.news-container .card{background-color:grey;cursor:pointer;padding:20px;position:relative}.news-container .card:hover:before{background-color:rgba(0,0,0,.4);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.news-container .card.col-3,.news-container .card.col-3:hover:before{border-radius:0 2rem 0 0}.news-container .card.col-1,.news-container .card.col-2,.news-container .card.col-3{background-position:50%;background-size:cover}.news-container .card+.content{grid-row:7;max-width:100%}.news-container .card.col-3+.content{grid-column:3/span 2;grid-row:7;max-width:100%}.news-container .card.col-3{border-radius:0 2rem 0 0}.news-container .col-1{grid-column:1/span 1;grid-row:3/span 4}.news-container .col-2{grid-column:2/span 1;grid-row:3/span 4}.news-container .col-3{grid-column:3/span 2;grid-row:1/span 6}.news-container .col-2+.desktop-content{grid-column:2;grid-row:1}.news-container .filters{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.news-container .filters .filter{background-color:#dcdcdc;border-radius:2rem;font-size:12px;min-width:50px;padding:0 10px;text-align:center}@media (max-width:600px){.news-container{display:flex;flex-direction:column;gap:2rem;height:auto;padding-bottom:2rem}.news-container .card.col-1,.news-container .card.col-2,.news-container .card.col-3{background-position:50%;background-size:cover;height:300px}}