.featured-image.page-header-image {
    display: none;
}

.header-img-entry {
    width: 100%;
    height: auto;
    position: relative;
}

.header-img {
    height: 100%;
    width: 100%;
}

.header-img img{
    height: 450px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.header-txt {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
    font-size: 45px;
    background-color: var(--primary-transparent);
    color: #fff;
    font-family: serif;
}

@media screen and (max-width: 500px){
    .header-txt {
        font-size: 30px;
    }
}

@media screen and (min-width: 1200px){
    .header-img-entry {
        padding: 0 15px;
    }
    
    .header-txt {
        left: 15px;
    }
}