/* NAVBAR ABOVE HERO OVERLAY */
.navbar{
position:absolute;
z-index:10;
width: 100%;
top:0;
}

.hero{
position:relative;
overflow:hidden;
color:#fff;
}

/* VIDEO HERO (HOME) */
.hero-video-wrapper{
height:100vh;
}

/* INNER PAGE HERO */
.hero-banner{
height:420px;
display:flex;
align-items:center;
justify-content:center;
}

/* Background image */
.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
z-index:3;
}

/* Video */
.hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

/* Overlay */
.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(10,20,60,.65);
z-index:2;
}

/* Content */
.hero-content{
position:relative;
z-index:3;
width:100%;
text-align:center;
}

.hero-center{
max-width:900px;
margin:auto;
}

/* Title */
.hero-content h1{
font-size:60px;
font-weight:700;
}

/* Subtitle */
.hero-content p{
font-size:20px;
margin-top:15px;
color:#e2e8f0;
}

/* Button */
.btn-hero{
display:inline-block;
margin-top:25px;
padding:12px 32px;
background:#fff;
color:#1e3a8a;
border-radius:40px;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.btn-hero:hover{
background:#1e3a8a;
color:#fff;
}

/* Responsive */
@media (max-width:991px){

.hero-banner{
height:320px;
}

.hero-content h1{
font-size:40px;
}

.hero-content p{
font-size:16px;
}

}