.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:20px}.card{position:relative;color:#fff;height:300px;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;padding:20px;text-decoration:none}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000b3,#0000);z-index:0}.card-content{position:relative;z-index:1}.card-category{background:#d71920;display:inline-block;padding:5px 10px;font-size:.8rem;font-weight:700;border-radius:3px;margin-bottom:10px;color:#fff}.card-title{font-size:1.4rem;font-family:Bebas Neue,sans-serif;margin:0}@media (max-width: 768px){.card{height:250px}}.page-header-banner{height:300px;border-radius:30px;padding:50px;display:flex;place-content:center;place-items:center;position:relative;z-index:1}.page-header-banner:after{content:"";position:absolute;background:#0000004d;border-radius:30px;z-index:0;pointer-events:none;height:60%;bottom:0;width:100%;left:0}.page-header-banner>div{display:flex;flex-direction:column;gap:30px}.page-header-banner h1{font-size:65px;text-align:center;z-index:1;margin:0;text-align:left}@media (max-width: 768px){.page-header-banner h1{font-size:30px}}.page-header-banner p{z-index:1;text-align:center;display:flex;flex-direction:column;place-items:center}.page-header-banner.single{background-repeat:no-repeat;background-size:cover;background-position:center;height:500px;place-content:flex-start;place-items:flex-end}.page-header-banner.single>div{place-content:flex-start;place-items:flex-start;gap:0}.page-header-banner.single h1,.page-header-banner.single p{color:#fff}.page-header-banner.single .categories{display:flex;gap:10px}.page-header-banner.single .categories a{background:#ffd2bf;padding:5px;border-radius:8px;line-height:15px;color:#000;text-decoration:none}.breadcrumb{z-index:1}#breadcrumbs{text-align:left}#breadcrumbs a{color:#f0f0f1!important;text-decoration:underline}body{margin:0;font-family:Roboto,sans-serif;background-color:#f9f9f9;color:#1a1a1a;display:flex;flex-direction:column;place-content:space-between;min-height:100vh}header{background-color:#d71920;color:#fff;padding:20px;text-align:center;display:flex;gap:30px;place-content:center;place-items:center}header img{width:100px}header h1{font-family:Bebas Neue,sans-serif;font-size:3rem;margin:0;color:#fff}main{padding:40px 20px}h2{font-family:Bebas Neue,sans-serif;color:#d71920}a{color:#d71920;text-decoration:none}a:hover{color:#a01215}footer{color:#f9f9f9;background:#1a1a1a;padding:15px;display:flex;place-content:space-between}@media screen and (max-width: 768px){footer{flex-direction:column;text-align:center;gap:30px}}footer p{margin:0}footer ul{display:flex;padding:0;margin:0;list-style:none;gap:10px}@media screen and (max-width: 768px){footer ul{flex-wrap:wrap;place-content:center}}