body{margin:0;font-family:Arial,sans-serif;background:#000;color:#fff}
header{background:#111;padding:1rem;text-align:center}
header img{max-width:220px;margin-bottom:.5rem}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;background:#222;padding:.5rem 0}
nav a{color:#0af;text-decoration:none}
nav a.active{font-weight:bold;text-decoration:underline}
main{padding:1rem 2rem;max-width:900px;margin:auto}
h1,h2,h3{color:#fa0}
ul{list-style:disc inside}
footer{background:#111;color:#888;text-align:center;padding:1rem;margin-top:2rem;font-size:.9rem}
a{color:#0af}
video{width:100%;max-width:800px;margin:1rem 0;border:4px solid #333;border-radius:8px}
.caption{font-style:italic;color:#aaa;margin-bottom:1.5rem}
/* Banner-style logo across top */
header img {
  display: block;
  width: 100%;
  max-width: 800px;   /* keeps it reasonable on large screens */
  height: auto;
  margin: 0 auto 1rem;
}

/* Center and size feature images on homepage */
.feature-img {
  display: block;
  max-width: 70%;
  height: auto;
  margin: 0 auto 1.5rem;
}

/* Adjust banner logo size */
header img {
  width: 50%;
  max-width: 400px;
}