.CFCS-banner {
    width: 100%;
    min-height: 115px;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 50px;
    font-weight: 500;
    color: rgb(57, 148, 155);
    background-color: rgb(231, 232, 234);
    border: none;
}
.CFCS-banner-title-div { vertical-align: middle; padding: 10px 30px 10px 30px; }
.CFCS-banner-img-div {
    vertical-align: middle;
    max-width: 507px;
    max-height: 115px;
    /*background-image: url(http://www.bac-lac.gc.ca/eng/collectionsearch/PublishingImages/collectionsearch-web-507x115.jpg);*/
    background-position-x: right;
    background-repeat: no-repeat;
}
.CFCS-banner-img{ }
.CFCS-banner-links { font-family: tahoma, geneva, sans-serif; font-size: 0.9em; }

.Census-banner {
    width: 100%;
    min-height: 115px;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 50px;
    font-weight: 500;
    color: red;
    background-color: rgb(231, 232, 234);
    border: none;
}

.Census-banner-title-div { vertical-align: middle; padding: 10px 30px 10px 30px; }

.Census-banner-img-div {
    vertical-align: middle;
    max-width: 507px;
    max-height: 115px;
    /*background-image: url(http://www.bac-lac.gc.ca/eng/collectionsearch/PublishingImages/collectionsearch-web-507x115.jpg);*/
    background-position-x: right;
    background-repeat: no-repeat;
}

.Census-banner-img {}
.Census-banner-links { font-family: tahoma, geneva, sans-serif; font-size: 0.9em; }

@media screen and (max-width: 480px){
    .CFCS-banner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .CFCS-banner-title-div {
        width: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .CFCS-banner-img-div {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .CFCS-banner-img {
        width: 100%;
    }
}
@media screen and (min-width: 481px) and (max-width: 767px){
    .CFCS-banner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .CFCS-banner-title-div {
        width: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .CFCS-banner-img-div {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .CFCS-banner-img { width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .CFCS-banner { display: table; }
    .CFCS-banner-title-div { display: table-cell; }
    .CFCS-banner-img-div { display: table-cell; }
    .CFCS-banner-img { width: 100%; }

    .Census-banner { display: table; }
    .Census-banner-title-div { display: table-cell; }
    .Census-banner-img-div { display: table-cell; }
    .Census-banner-img { width: 100%; }
}
@media screen and (min-width: 992px){
    .CFCS-banner { display: table; }
    .CFCS-banner-title-div { display: table-cell; }
    .CFCS-banner-img-div { display: table-cell; }
    .CFCS-banner-img { width: 100%; }

    .Census-banner { display: table; }
    .Census-banner-title-div { display: table-cell; }
    .Census-banner-img-div { display: table-cell; }
    .Census-banner-img { width: 100%; }
}