@media (min-width:480px){:root{--container-padding:1.5rem}.hero h1{font-size:2.2rem}.hero p{font-size:1.1rem}}@media (min-width:768px){:root{--container-padding:2rem}nav{display:flex;gap:2rem}.hero h1{font-size:2.5rem}.footer-content,.overlay-footer .footer-content{flex-direction:row;justify-content:center}}@media (min-width:1024px){nav a{font-size:1.2rem}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}}