*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}
body{background:#fff;color:#111;}

/* HEADER */
header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
background:#fff;
position:fixed;
width:100%;
top:0;
z-index:1000;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.logo{
font-size:28px;
font-weight:bold;
color:#0a66c2;
}

.navbar {
    background: #0d6efd;
}
.navbar-brand, .nav-link {
    color: #fff !important;
    font-weight: 500;
}

/* HERO SLIDER */
.hero{
margin-top:20px;
height:80vh;
position:relative;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-align:center;
transition:opacity 1s;
}

.overlay{
background:rgba(0,0,0,0.5);
position:absolute;
width:100%;
height:100%;
}

.hero-content{
position:relative;
z-index:2;
}

.hero h1{
font-size:55px;
}

.hero p{
font-size:20px;
margin-top:10px;
}


/* RESPONSIVE */
@media(max-width:768px){
.hero h1{font-size:32px;}
header{padding:15px 20px;}
}