.hero{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}

/* Background Image */

.hero-slider{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    transition:opacity 1.5s ease-in-out;

    opacity:1;

}

/* Dark Overlay */

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(0,0,0,.60),

        rgba(0,0,0,.50)

    );

}

/* Content */

.hero-content{

    position:relative;

    z-index:10;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    color:#fff;

    padding-left:;

}

.hero-content h1{

    font-size:70px;

    margin-bottom:20px;

}

.hero-content p{

    font-size:22px;

}