.heroslider {
    height: 600px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    z-index: 1;
}


.heroslidercont {
    margin-top: 10vh;
}

.heroslidercont h1 {
    font-weight: 400;
    max-width: 600px;
    margin-bottom: 20px;
}

.heroslidercont h3 {
    font-weight: 400;
    max-width: 600px;
}


.heroslider:before{
    z-index: -1;
    content:"";
    background: #07070d;
    opacity: 0.8;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}