body {
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	color: #333;
}

header {
	background-color: #ffffff;
	padding: 10px 0;
}

.navbar-brand img {
	height: 80px;
}
    
.navbar-nav .nav-link.btn {
	border: 1px solid #000;
	color: #000;                 
	background-color: transparent;
	border-radius: 5px;          
	transition: background-color 0.3s, color 0.3s;
}

.navbar-nav .nav-link.btn:hover {
	background-color: #ff9900;
	color: #fff;         
}
    /* Hero Section */
    .hero {
      position: relative;
      padding: 120px 10%;
      text-align: center;
      background-image: url('images/hero.jpg');
      background-size: cover;
      background-position: center;
      color: white;
    }

    /* Overlay to make text readable */
    .hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0,0,0,0.5);
      z-index: 1;
    }

    .hero h1,
    .hero p {
      position: relative;
      z-index: 2;
    }

    .hero h1 {
      font-size: 3rem;
      margin-bottom: 20px;
    }

    h2 {
      font-size: 2rem;
      margin-bottom: 10px;
    }

    h3 {
      font-size: 1.5rem;
      margin-bottom: 8px;
    }

    .hero p {
      font-size: 1.2rem;
      max-width: 700px;
      margin: 0 auto;
    }

    /* Footer */
    footer {
      background-color: #f5f5f5;
      text-align: center;
      padding: 20px 10%;
      color: #333;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .hero {
        padding: 80px 10%;
      }
      .hero h1 {
        font-size: 2rem;
      }
      .hero p {
        font-size: 1rem;
      }
    }