body{

margin:0;
font-family:Montserrat;
background:black;
color:white;

}

.topbar{

position:absolute;
top:0;
width:100%;
padding:20px 0;
background:transparent;
text-align:center;
z-index:10;

}

.logo{

font-size:46px;
font-weight:800;
padding-top: 25px;
}

.gold{

color:#fff;


}

.hero{

height:100vh;

background:
linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
url("background.jpg") center/cover no-repeat;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;

}

.content{

margin-top:px;

}

.hero h1{

font-size:75px;
margin-bottom:50px;

}

.buttons{

margin-top:30px;
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;

}

.btn{

padding:16px 32px;
border-radius:40px;
font-weight:700;
text-decoration:none;

}

.call{

background:#d4af37;
color:black;

}

.whatsapp{

background:#25d366;
color:white;

}

.fare{

position:absolute;
bottom:40px;
text-align:center;

}

.farebox{

margin-top:10px;

}

.farebox input{

padding:10px;
width:120px;
border:none;
border-radius:4px;

}

.farebox button{

padding:10px 20px;
border:none;
background:#d4af37;
font-weight:bold;
cursor:pointer;
border-radius:4px;

}


/* MOBİL */

@media (max-width:600px){

.hero h1{

font-size:32px;

}

.btn{

width:200px;

}

}