.site-id-1 .error404 #footer_style_image{
    margin-top: -20vw;
}

#pk_flex_content .flex_layout.hero_404{
    max-width: unset;
    padding: 0px;
}

.flex_layout.hero_404 .flex_container{
    background-position: center;
    background-size: cover;
}

.flex_layout.hero_404 .flex_hero_inner{
    max-width: var(--site-grid);
    padding: 80px 40px 80px 40px;
    min-height: 80vh;
    margin: 0px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.flex_layout.hero_404 .flex_container_inner{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
    position: relative;
    z-index: 3;
}

.flex_layout.hero_404 .flex_hero_inner > div{
    /* padding: 50px 40px; */
    max-width: 700px;
    /* background-color: white; */
    color: white;
}

.flex_layout.hero_404 .flex_hero_inner > div .heading{
    color: white;
}


#scroll_down{
    position: absolute;
    right: 40px;
    bottom: 80px;
}


@media screen and (min-width: 992px){
    
}

@media screen and (max-width: 767px){
    .flex_layout.hero_404 .flex_hero_inner{
        max-width: var(--site-grid);
        padding: 40px 20px 40px 20px;
        min-height: 60vh;
    }
}

/* After op afbeelding tbv leesbaarheid tekst */
.flex_layout.hero_404 .flex_container {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.flex_layout.hero_404 .flex_container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
}

.flex_layout.hero_404 .flex_hero_inner {
    position: relative;
    z-index: 2;
}