#PageHeaderService--place-holder {
    width: 100%;
}
/***************************************************************
START page-header -- directly above page content - contains title and sub title
****************************************************************/
.page-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 94px;
    background: rgba(220, 221, 221, 0.5);
    color: #6c6f70;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2em;
    border-bottom: 1px solid #009fdf;
}
.phc-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1338px;
    padding: 0 0 0 1.75em;
}
.phc-left-side-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.phc-title {
    font-size: 1.2em;
}
.phc-channel {
    font-size: 0.6em;
    line-height: 1.1em;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}
.phc-sub-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.6em;
    padding-top: 2px;
}

.rightSideContent {
    background: blue;
}

/****************************************************************
END page-header
*****************************************************************/

@media (max-width: 480px) {
    .page-header-container {
    }
}