#link-grid{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column}#link-grid h2{margin:0 5%}#link-grid .grid{width:90%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);gap:30px;margin:40px auto 0}#link-grid .grid .link{position:relative;text-decoration:none}#link-grid .grid .link .image{position:relative}#link-grid .grid .link .image::before{content:"";padding-top:100%;display:block}#link-grid .grid .link .image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}#link-grid .grid .link .content{width:100%;margin-top:15px}#link-grid .grid .link .content h3{margin-bottom:5px}#link-grid .grid .link .content a,#link-grid .grid .link .content span{position:relative;display:block;text-decoration:none}#link-grid .grid .link .content a::after,#link-grid .grid .link .content span::after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 4l8 8-8 8" stroke="black" stroke-width="2" fill="none"/></svg>');width:1rem;height:1rem;transition:.5s;position:absolute;top:3px;display:inline-block;margin-left:5px;opacity:.6}@media screen and (max-width:1024px){#link-grid h2{margin:0 2.5vw}#link-grid .grid{overflow-x:scroll;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);height:auto;width:100%;padding:0 2.5%;margin:30px auto 0}#link-grid .grid .link{width:60vw}}@media screen and (max-width:820px){#link-grid{padding:40px 0 0;background-color:#f8f8f8;display:block}#link-grid h2{margin:0 7.5vw 30px}#link-grid .grid{overflow-x:scroll;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);height:auto;width:100%;padding:0 7.5% 40px;margin:30px auto 0}#link-grid .grid .link{width:80vw}}