/* Basic & layout */
    :root { --header-h: 40px; }
    html,body { margin:0; 
		padding:0; 
		font-family: albertus, sans-serif; 
		scroll-behavior: smooth; 
		color: #333; 
		background-color: #f9f9f9;}

    a { color: white; text-decoration: none; }

    /* Header */
    header {
        background-color: white;
	display:flex;
        justify-content:space-between;
        align-items:center;
        padding:5px 5px;
	position: sticky;
        top: 0;
        z-index: 1000;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
         }
    .logo { display:flex; align-items:center; gap:10px; }
    .logo img {height:120px; display:block; }
    


    /* Hamburger + dropdown nav (integrated from second code) */
    .menu-toggle {
      font-size: 1.3rem;
      background: none;
      border: none;
      cursor: pointer;
      color: black;
      padding: 6px;

    }
    .nav-links {
      list-style:none;
      margin:0;
      padding:0;
      display:none;            /* hidden by default */
      flex-direction:column;
      position: absolute;
      top: calc(var(--header-h) + 8px);
      right: 20px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      width: 210px;
      z-index:1300;
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }
    .nav-links.active { display:flex; }
    .nav-links li { border-bottom:1px solid #eee; }
    .nav-links li:last-child { border-bottom:none; }
    .nav-links a { display:block; padding:12px 16px; color:#111; }
    .nav-links a:hover { background:#f6f6f6; }

   
    .banner {
        background: darkblue;
        color: white;
        text-align: center;
        padding: 1.5rem;
        font-size: 2rem;
	font-family: Berlin Sans FB, sans-serif;
    }
 footer {
            background-color: darkblue;
            text-align: center;
            padding: 5px;
            color: #fff;
            font-weight: bold;
            margin-top: auto;
        }
 /* Footer / contact placeholder styling */
    .about, .contact { padding: 28px 20px; max-width:1100px; margin:0 auto; }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .hero { padding: 56px 16px; }
        .logo h1 { font-size: 2.2rem; }
         .logo img {height:70px; display:block; }
	.banner {font-size: 1.5rem; padding:0.8rem;}
   	.container{display:none:}
}