body.hero {
    position: relative;
    background-color: #FFF;
    overflow-x: hidden;
}

body.hero>b { display: block;

    position:absolute; overflow: hidden; width: 100%; height: 100%; left: 0; top:0;    z-index: -1;
}

body.hero>b::after {
    opacity:1;
    content:""; display:block;  top:0; left:0;


    pointer-events: none;
    position:absolute; z-index:5;


    position: absolute;
    width: 200vw;
    height: 100vw;
    left: -40vw;
    top: 33vw;
    border-radius: 50%;
    background: linear-gradient(176.92deg, #B09F6B 2.55%, #FFFFFF 82.89%);
}

body.error404>b::after { display:none !important; }

body.hero>b::before{
    display: block; content:"";

    width: 100%; height: 100%;height: 50vw; background-color: #B09F6B;  background-color: #262626;  background-position: center center;
    position: absolute; background-size: cover;
    left: 0; top: 0; overflow: hidden;


}

body.error404 { background-color: #262626; }
body.error404>b::before { height:calc(100% - 250px) !important; }

@media all and (max-width:1199px) {
    body.hero>b::before{
        height: 60vw;
    }
    body.hero>b::after {

        top: 36vw;

    }


}

@media all and (max-width: 899px) {
    body.hero>b::before{
        height: 66vw;
    }
    body.hero>b::after {

        top: 50vw;

    }

}
@media all and (max-width: 599px) {
    body.hero>b::before{
        height: 75vw;
    }

    body.hero>b::after {

        top: 50vw;
        width: 150vw;
        left: -20vw;
    }

}
@media all and (max-width: 449px) {
    body.hero>b::before{
        height: 100vw;
    }

    body.hero>b::after {

        top: 77vw;
        width: 150vw;
        left: -20vw;
    }

}

body.hero #masthead::before {
    opacity:0.8; transition:all 0.2s ease;
    content:""; display:block;  top:0; left:50%; transform: translateX(-50%); width:150vw; height: calc(120% + 40px); pointer-events: none;
    position:absolute; z-index:-1;
    /*box-sizing: content-box;*/

    background:
            -webkit-linear-gradient(180deg,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );
    background:
            linear-gradient(180deg,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );

}

body.single-job_listing #masthead::before {
    opacity:0.2;

}

body.scrolled #masthead::before,
body.navshown #masthead::before
{ opacity: 0; }


body.single-job_listing>b::before {

    filter: brightness(1.5) contrast(1.2)
}