*{box-sizing:border-box}body{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;background:#111;color:#f2f2f2}
a{color:#ffd400;text-decoration:none}
.bar{display:flex;justify-content:space-between;align-items:center;padding:14px 5%;background:#ffd400;color:#111;letter-spacing:.15em}
.bar nav a{color:#111;margin-left:24px;font-family:Arial,sans-serif;font-size:14px;font-weight:700}
.hero{padding:90px 5% 70px;border-bottom:6px solid #ffd400}.hero h1{font-size:64px;line-height:1;margin:0 0 18px}
.hero p,.cols p,.menu p,td{font-family:Arial,sans-serif}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:50px 5%}
.cols h2{color:#ffd400;font-size:48px;margin:0}.cols h3{margin:4px 0 8px;letter-spacing:.08em}
.menu{padding:50px 5%;max-width:760px}.menu table{width:100%;border-collapse:collapse}
.menu td{padding:14px 0;border-bottom:1px solid #333;font-size:18px}.menu td:last-child{text-align:right;color:#ffd400}
.note{color:#aaa;font-size:14px}footer{padding:24px 5%;color:#777;font-family:Arial,sans-serif;font-size:13px}
@media(max-width:700px){.cols{grid-template-columns:1fr}.hero h1{font-size:42px}}