/* HERO SECTION */

.hero{
position:relative;
overflow:hidden;

display:flex;
align-items:center;
justify-content:center;

height:calc(100vh - 160px);

height:100vh;   /* full screen height */
padding:0;      /* remove extra space */

text-align:center;
color:white;
}

/* VIDEO BACKGROUND */

.hero-video{
position:absolute;
top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;
z-index:-1;
}

/* HERO CONTENT */

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

/* DARK OVERLAY */

.hero::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
z-index:-1;
}