#page-hero {
    position: relative;
    padding-top: 120px;
    background-color: var(--light-gold);
    overflow: initial;
}

/*#page-hero::after {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    min-height: 700px;*/
/*    background: rgb(247, 244, 234);*/
/*    background: -moz-linear-gradient(0deg, rgba(247, 244, 234, 1) 0%, rgba(247, 244, 234, 1) 50%, rgba(247, 244, 234, 0.7539390756302521) 59%, rgba(247, 244, 234, 0.6026785714285714) 73%, rgba(247, 244, 234, 0.5326505602240896) 100%);*/
/*    background: -webkit-linear-gradient(0deg, rgba(247, 244, 234, 1) 0%, rgba(247, 244, 234, 1) 50%, rgba(247, 244, 234, 0.7539390756302521) 59%, rgba(247, 244, 234, 0.6026785714285714) 73%, rgba(247, 244, 234, 0.5326505602240896) 100%);*/
/*    background: linear-gradient(0deg, rgba(247, 244, 234, 1) 0%, rgba(247, 244, 234, 1) 50%, rgba(247, 244, 234, 0.7539390756302521) 59%, rgba(247, 244, 234, 0.6026785714285714) 73%, rgba(247, 244, 234, 0.5326505602240896) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f4ea", endColorstr="#f7f4ea", GradientType=1);*/
/*}*/

#page-hero h1,
#page-hero .h1 {
    font-family: 'Vollkorn', serif;
}

#page-hero .container,
#page-hero .hero-text {
    position: relative;
}

.page-title-holder,
#page-hero .hero-text {
    z-index: 2;
    position: relative;
}

#page-hero .hero-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1050px;
    flex-basis: 1050px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.page-title-holder {
    margin-bottom: 15px;
}

.page-title-holder h1 {
    position: relative;
}

.page-title-holder .arrows {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

}

.page-title-holder .arrows .arrow {
    width: 100%;
    position: relative;
    background-image: url("../../images/after-title-arrows.svg");
    /*mask: url('../../images/after-title-arrows.svg') no-repeat center;*/
    /*-webkit-mask: url('../../images/after-title-arrows.svg') no-repeat center;*/
    height: 40px;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-wrap: wrap;
}


.hero-text {
    margin-bottom: 50px;
}

.hero-text h2,
.hero-text h3,
.hero-text h4,
.hero-text h5,
.hero-text h6 {
    margin-bottom: 30px;
}

#page-hero .hero-text a {
    color: var(--orange);
}

#page-hero .hero-text a:hover {
    text-decoration-line: underline;
}

@media (min-width: 768px) {
    .hero-image {
        position: absolute;
        width: 650px;
        top: -120px;

    }

    .hero-image.hero-left-image {
        left: -250px;
    }

    .hero-image.hero-right-image {
        right: -250px;
    }
}

@media (max-width: 767.8px) {
    .hero-image {
        /*display: none;*/
        position: absolute;
        top: -50px;
        width: 50%;
    }

    .hero-image.hero-left-image {
        left: -20%
    }

    .hero-image.hero-right-image {
        right: -20%
    }
}

@media (max-width: 575.8px) {
    #page-hero {
        padding-top: 100px;
    }

    .page-title-holder {
        margin-bottom: 20px;
    }

    #page-hero h1 {
        margin-bottom: 0;
    }

    .page-title-holder .arrows .arrow {
        background-size: contain;
    }

    /*.page-title-holder .arrows {*/
    /*    margin-top: 20px;*/
    /*}*/
}