.page-banner {
    background-color: #0066ba;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    min-height: 400px;
    overflow: hidden;
    margin-top: 50px;
}

.page-banner .page-banner-content {
    padding:20px 5% 0;
    z-index:1
}

.page-banner .page-banner-title {
    color: #fff;
    font-size: 54px;
    font-weight:500;
    text-align:left;
    font-family: "SourceSerif", serif
}

.page-banner .page-banner-content {
    padding:50px 5% 100px;
    width:100%
}

@media (min-width:768px){
    .page-banner .page-banner-content {
        padding: 60px 9.5% 20px;
        margin-top: -30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .page-banner-content {
        padding: 0 9.5% 20px
    }

    .page-banner .page-banner-overlay:after {
        left: 200px;
        border-width: 0 0 100px 1000px
    }

    .page-banner .page-banner-overlay:before {
        border-width: 70px 0 0 200px
    }

    .page-banner:after {
        left: 200px;
        border-width: 0 0 200px 1000px
    }

    .page-banner:before {
        border-width: 140px 0 0 200px
    }
}

.page-banner .page-banner-overlay
{
    background:linear-gradient(rgba(0,49,105,.5),rgba(0,49,105,.5));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80003169",endColorstr="#80003169",GradientType=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-bottom:
    95px;padding-left:5%;
    padding-right:5%;
}

.page-banner .page-banner-overlay img
{
    position:relative;
    top:50%;transform:
    translateY(-50%);
    margin:auto;
    max-height:100%
}

.page-banner .page-banner-overlay:after,.page-banner .page-banner-overlay:before,.page-banner:after,.page-banner:before
{
    background-size:cover;
    background-repeat:no-repeat;
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:0;
    border-style:solid;
    opacity:.3;
    z-index:1;
}

.page-banner .page-banner-overlay:after,.page-banner .page-banner-overlay:before
{
    opacity:1;
}

.page-banner:before, .page-banner .page-banner-overlay:before {
    border-color:transparent transparent transparent #fff;
}

.page-banner:after, .page-banner .page-banner-overlay:after {
    border-color:transparent transparent #fff;
}

@media (min-width:992px){
    .page-banner:after {
        left: 300px;
        border-width: 0 0 200px 1200px
    }

    .page-banner:before {
        border-width: 140px 0 0 300px
    }

    .page-banner .page-banner-overlay:before {
        border-width:70px 0 0 300px
    }

    .page-banner .page-banner-overlay:after {
        left: 300px;
        border-width: 0 0 100px 1200px
    }
}

.page-banner:after {
    left:400px;
    border-width:0 0 200px 1600px;
    width: 100%;
}

.page-banner .page-banner-overlay:after {
    left:100px;bottom:0;border-width:0 0 50px 700px;border-color:transparent transparent #fff
}

@media (min-width:1200px){
    .page-banner .page-banner-overlay:before {
        border-width:70px 0 0 400px;
    }

    .page-banner .page-banner-overlay:after {
        left: 400px;
        border-width: 0 0 100px 1600px;
        width: 100%;
    }

    .page-banner:before {
        border-width: 140px 0 0 400px
    }
}

.page-banner-content {
    width:100%;display:block;min-height:auto;margin-top:0;left:auto;padding:0 5% 10px;position:absolute;top:50%;transform:translateY(-50%)
}

.page-banner-title > div {
    color:#fff;
    display:block;
    font-size:54px;
    font-weight:500;
    line-height:1;
    margin:0;
    padding:18px 0;
    position:relative;
    text-align:left;
    text-shadow:0 1px #000;
    vertical-align:unset;
    width:100%;
    font-family: "SourceSerif", serif;
}