.pagesheader-wrapper{
    background-color: #E3E3E7;
    background-image: url(/static/img/header-placeholder.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    z-index: -1;
}

.pagesheader-white{
    background-color: #FFFFFF;
    bottom: 0;
    height: 50px;
    float: bottom;
    left: 50%;
    margin: 0 auto -1px auto;
    max-width: 1100px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
}

@media screen and (max-width: 1170px){
    .pagesheader-wrapper{
        height: 250px;
        margin: 0;
    }

    .pagesheader-white{
        display: none;
    }
}

@media screen and (max-width: 760px){
    .pagesheader-wrapper{
        height: 200px;
    }

    .pagesheader-white{
        display: none;
    }
}
