@font-face {
    font-family: 'FuturaBook';
    src: url('./assets/fonts/Arrus-BT-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'ArrusBTBold';
  src: url('./assets/fonts/Futura-Book.ttf') format('truetype') f;
}

 /* Apply Futura font globally */
body, a, h1, h3, h2 h4, h5, h6, p, button {
  font-family: 'FuturaBook', sans-serif;
}


/* Specific Sections */
#header, .hero, #footer {
  font-family: 'FuturaBook', sans-serif;
}

#header h1, #header h2, #footer p, .hero h2 {
  font-family: 'FuturaBook', sans-serif;
}

body {
    margin: 0;
    font-family: 'Playfair Display', serif;
    background-image: url('./assets/images/11.jpg');
    background-repeat: repeat;
    background-size: contain;
    color: white;
    text-align: center;
  }
  
  .container {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 15px;
  }

  .header-wrapper {
    background-color: #1f3c2e;
    width: 100%;
    text-align: center;
    padding: 12px 0;
  }
  
  .header-image {
    max-width: 135px;
    width: 100%;
  } 
  
  /* Menu Section */
  .menu-section {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 40px 0;
  }
  
  .menu-item img {
    width: 100%;
    max-width: 200px;
    margin-bottom: 15px;
  }

  
  .button {
    display: inline-block;
    padding: 12px 24px;
    border: 2px solid white;
    border-radius: 30px;
    color: white;
    text-decoration: none;
    font-size: 18px;
    transition: background 0.3s;
  }
  
  .button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .menu-item img {
      width: 120px;
    }
  
    .menu-item h2 {
      font-size: 16px;
    }
  
    .button {
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .menu-section {
      gap: 18px;
      padding: 15px 0;
    }
  
    .menu-item img {
      width: 65px;
    }
  
    .menu-item h2 {
      font-size: 11px;
    }
  
    .button {
      font-size: 10px;
      padding: 6px 18px;
    }
  }