.page-header-banner {
    height:310px;
    padding-top:20px;
    background-size:cover;
    background-position:center;
    margin-bottom:40px;
}

.page-header-banner .breadcrumb {
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    display:inline-block;
    background-image:url(img/bg.png);
    padding:4px 10px 4px 40px;
    background-color:transparent;
    border-radius:0px;
    margin-left:-15px;
    margin-top:-15px;
}
.page-header-banner .breadcrumb li {
    color:#fff;
    font-size:11px;
}
.page-header-banner .breadcrumb li + li:before {
    color:#fff;
}
.page-header-banner .breadcrumb a {
    color:#fff;
}

.page-header-banner .bg {
    background-image:url(img/bg.png);
    background-repeat:repeat;
    max-width:50%;
    display:inline-block;
    padding:30px 30px 30px 40px;
    margin-left:-15px;
}

.page-header-banner .bg h1 {
    font-family:'Lato', sans-serif;
    font-size:40px;
    color:#fff;
    margin:0px 0px 15px 0px;
    padding:0px;
}

.page-header-banner .bg p {
    font-size:16px;
    margin:0px;
    padding:0px;
    color:#fff;
}

/** No blue background */
.page-header-banner.text-with-cta-no-color-bg .bg {
    background-image:none;
}

.page-header-banner.text-with-cta-no-color-bg .breadcrumb{
    background-image:none;
}

    /** Donation specific */
.page-header-banner.text-with-cta-donations .bg {
    background:rgba(229, 0, 125, 0.8);
}
.page-header-banner.text-with-cta-donations .breadcrumb {
    background:rgba(229, 0, 125, 0.8);
}

/** Donation specific */
.page-header-banner.text-with-cta-venues .bg {
    background:rgba(67, 148, 63, 0.8);
}
.page-header-banner.text-with-cta-venues .breadcrumb {
    background:rgba(67, 148, 63, 0.8);
}

/* larger tablet */
@media screen and (max-width:1199px) {

    .page-header-banner .bg {
        max-width:65%;
    }

}

/* small tablet */
@media screen and (max-width:1023px) {

    .page-header-banner .bg {
        max-width:75%;
        padding: 15px;
    }

    .page-header-banner .breadcrumb {
        padding: 15px;
    }

}

/* mobile */
@media screen and (max-width:767px) {
    .page-header-banner {
        background-position: center center;
        min-height: 330px !important;
        height:auto;
        padding: 0 !important;
    }

    .page-header-banner .bg {
        max-width:100%;
        width:100%;
        margin: 0;
        padding: 15px;
    }

    .page-header-banner .bg h1 {
        line-height: 26px;
        font-size: 25px;
        margin-bottom: 15px;
    }

    /** Donation specific */
    .page-header-banner.text-with-cta-donations {
        background: none #e5007d !important;
        min-height: 0 !important;
        margin-bottom: 20px;
    }
    .page-header-banner.text-with-cta-donations .bg {
        padding: 20px;
    }
}

/**
 * SM media query
 */
@media (min-width: 768px) and (max-width: 991px) {

    /** Donation specific */
    .page-header-banner.text-with-cta-donations {
        background: none #e5007d !important;
    }
}

/**
 * MD media query
 */
@media (min-width: 992px) and (max-width: 1199px) {

    /** Donation specific */
    .page-header-banner.text-with-cta-donations {
        background-position: 130px 1px;
    }
}