*{box-sizing:border-box}body{margin:0;font:16px/1.8 Arial,sans-serif;color:#272727;background:#faf9f6}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;background:white;border-bottom:1px solid #ddd}header img{width:210px;height:auto}nav{display:flex;gap:22px}a{color:inherit;text-underline-offset:5px}main{max-width:960px;margin:65px auto;padding:0 24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.2}h2{margin-top:38px;font-size:24px}.intro{font-size:20px;color:#666}.button{display:inline-block;background:#292929;color:white;padding:13px 24px;text-decoration:none;margin-top:30px}.colour-chart{display:block;max-width:100%;height:auto;margin:25px auto}footer{font-size:13px;border-top:1px solid #ddd}@media(max-width:600px){header,footer{flex-wrap:wrap;padding:18px 22px}header img{width:170px}nav{gap:16px;font-size:13px;flex-wrap:wrap}main{margin:35px auto}}