*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#ffffff;
}

.hero{
height:100vh;
background-image:url("images/backbanner1.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
position:relative;
}

.banner-link{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

.overlay{
position:relative;
z-index:2;
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 60px;
color:#fff;
}

.logo{
font-size:28px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.menu{
list-style:none;
display:flex;
gap:30px;
}

.menu a{
text-decoration:none;
color:white;
font-size:16px;
font-weight:500;
transition:0.3s;
}

.menu a:hover{
color:#ffd700;
}

.content{
padding:80px 10%;
text-align:center;
}

.content h2{
font-size:36px;
margin-bottom:20px;
}

.content p{
font-size:18px;
max-width:700px;
margin:auto;
line-height:1.6;
}

footer{
background:#111;
color:#fff;
text-align:center;
padding:20px;
margin-top:40px;
}

@media(max-width:900px){
.navbar{
padding:20px;
}
.menu{
gap:15px;
}
}

@media(max-width:600px){
.navbar{
flex-direction:column;
gap:15px;
}
.menu{
flex-direction:column;
align-items:center;
}
.content h2{
font-size:28px;
}
}