*{box-sizing:border-box;margin:0;padding:0}body{font-size:1rem;font-family:Poppins;line-height:1.6;color:#333}hmain{margin-top:60px}section{padding:4rem 2rem}#hero{background-image:linear-gradient(rgb(0 0 0 / 33%),rgb(0 0 0 / 37%)),url(../img/header.webp);background-size:cover;background-position:center;color:#fff;text-align:center;padding:8rem 2rem}#hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700}#hero p{font-size:1.2rem;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{display:inline-block;background-color:#224699;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;margin-top:1rem;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.3s}.cta-button:hover{background-color:#fff;color:#224699;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.2)}@media (max-width:768px){#hero h1{font-size:2rem}#hero p{font-size:1rem}}@media (max-width:1024px){#hero{background-image:linear-gradient(rgb(0 0 0 / 33%),rgb(0 0 0 / 37%)),url(../img/header_tablet.webp);background-size:cover;background-position:center}}@media (max-width:767px){#hero{background-image:linear-gradient(rgb(0 0 0 / 33%),rgb(0 0 0 / 37%)),url(../img/header_mobile.webp);background-size:cover;background-position:center}}