@media only screen and (max-width : 35.5em) {
    .button-cancel,
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }
    .pure-form input:not([type]),
    .pure-form input[type="text"],
    .pure-form input[type="password"],
    .pure-form input[type="email"],
    .pure-form input[type="url"],
    .pure-form input[type="date"],
    .pure-form input[type="month"],
    .pure-form input[type="time"],
    .pure-form input[type="datetime"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="week"],
    .pure-form input[type="number"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="color"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }
    .pure-group input:not([type]),
    .pure-group input[type="text"],
    .pure-group input[type="password"],
    .pure-group input[type="email"],
    .pure-group input[type="url"],
    .pure-group input[type="date"],
    .pure-group input[type="month"],
    .pure-group input[type="time"],
    .pure-group input[type="datetime"],
    .pure-group input[type="datetime-local"],
    .pure-group input[type="week"],
    .pure-group input[type="number"],
    .pure-group input[type="search"],
    .pure-group input[type="tel"],
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }
    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }
    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }
    .pure-form .pure-help-inline,
    .pure-form-message-inline,
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        padding: 0.2em 0 0.8em;
    }
}

/* Mobile first media queries follow... */
@media screen and (min-width: 30em) { /* xs custom, > 480px */

    .page-summary {
        font-size: 1.5em;
    }
    figure.align_right,
    figure.align_left {
        width: 33%;
        margin: 0 0 1em 1em;
    }
    img.align_right,
    img.align_left {
        max-width: 33%;
        margin: 0 0 1em 1em;
    }
    figure.align_left,
    img.align_left {
        float: left;
        margin: 0 1em 1em 0;
    }
    figure.align_right,
    img.align_right {
        float: right;
    }

    .page-image {
        width: auto;
        float: right;
        margin: 0 0 1em 1em;
        max-width: 33%;
    }

}
@media screen and (min-width: 35.5em) { /* pure: sm, > 568px */
    .dcs-branding {
        font-size: 1em;
    }
    .home-intro .message {
        /*font-size: 1.375em; v2*/
        /*font-size: 1.25em; 20230808 */
    }
    .home-intro .message p {
/*        margin-bottom: 0.5em;*/
    }
    .home-intro .pure-g-gutter {
/*        padding: 0.8em 0 0.3em 0;*/
    }
    .breadcrumbs,
    #breadcrumbs {
        display: block;
        padding: 1em 1em 0 3em;
        color: #999;
        font-style: italic;
    }
    .breadcrumbs span,
    #breadcrumbs span {
        display: inline-block;
        margin-right: 0.5em;

    }
    .breadcrumbs .active,
    #breadcrumbs .active {
        color: #333;
        margin-right: 0;

    }
    .breadcrumbs a,
    #breadcrumbs a {
        text-decoration: none;
        padding-right: 0.5em;
    }
    .breadcrumbs .breadcrumb-item:after,
    #breadcrumbs .breadcrumb-item:after {
        content: '\003e';
    }
    .MarkupPagerNav li.MarkupPagerNavSeparator,
    .MarkupPagerNav li a {
        margin-right: 1em;
    }
    .fake-table .pure-g-gutter {
        padding: 0.5em 0.5em 0 0;
    }
    .news-listing .item {
        margin-bottom: 2em;
        overflow: hidden;
    }
    .news-listing .text-wrap {
        margin-left: 33%;
        padding-left: 1em;
    }
    .news-listing .text-only {
        margin-left: 0;
        padding-left: 0;
    }
    .news-listing .image-wrap {
        width: 33%;
        float: left;
        display: block;
    }
    .panel-feature .text-wrap,
    .panel-feature .testimonial-quotation {
        text-align: left;
    }
    .panel-feature .text-wrap {
        padding-left: 1em;
        padding-top: 0;
    }
    .section-panels .pure-u-sm-1-2:nth-child(even) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(even) .panel {
        margin-right: 0;
        margin-left: 0.5em;
    }
    .section-panels .pure-u-sm-1-2:nth-child(odd) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(odd) .panel {
        margin-right: 0.5em;
        margin-left: 0;
    }
    .table-list dt,
    .table-list dd {
        margin: 0 0 0.75em 0;
        float: left;
        padding-left: 0.3em;
    }
    .table-list dt {
        width: 30%;
/*        width: 33%; CHANGED 2020*/
        clear: left;
    }
    .table-list dd {
        width: 66%;
    }
    .form-filter-links a {
        margin-bottom: 0em;
        display: inline-block;
    }
}
@media screen and (max-width: 53em) {  /*pure: md, > 848px */
    .staffimg{
        display: none;
    }
    .accordion {
        width: 90%;
    }
    .accordionheader{
        width: 95%;
    }
}
@media screen and (min-width: 53em) {  /*pure: md, > 848px */
    .accordion {
        width: 70%;
    }
    .accordionheader{
        width: 75%;
    }
    .vertical-only {
        display: none;
    }
    .gt48-only {
        display: block;
    }
    .lt48-only {
        display: none;
    }
    #primary-nav-bar.open .util-links {
        display: none;
    }
    .def-inline.lt48-only {
        display: none;
    }
    /* Menu*/
    #header-bar {
        width: 100%;
        float: left;
    }
    .menu-toggle {
        display: none;
    }
    #primary-nav-bar {
        position: relative;
    }
    #primary-nav-bar ul {
        width: 100%;
        float: left;
    }
    #primary-nav-bar .level-one {
        padding-bottom: 0;
        max-height: none;
        padding-right: 6em;
        box-sizing: border-box;
    }
    #primary-nav-bar .level-one.has_children {
        margin-bottom: 3em; /* Default space for sec nav... tweaked with JS */
    }
    #primary-nav-bar .level-two {
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 0;
    }
    #primary-nav-bar li {
        float: left;
    }
    #primary-nav-bar .level-two li a {
        padding-left: 1em;
    }
    #primary-nav-bar li#nav-1 .label {
        display: none;
    }
    #primary-nav-bar li#nav-1 a {
        padding: 0.9375em 1em;
    }
    #primary-nav-bar .level-one .active > a {
        border-bottom-width: 0;
    }
    /* End Menu*/
    .branding {
        float: left;
    }
    .bbk-branding {
        width: 8em;
        margin: 0.7em 0 0.5em 1em;
    }
    .dcs-branding {
        padding: 0.5em 0 0.5em 1em;
    }
    /* panels */
    .content-body {
        padding: 0 1em 1em 1em;
    }

    .page-supplement .panel {
        margin: 1.5em 1em 1em 1em;
        margin: 1.5em 1em 1em 0;
    }
    .panel-feature .text-wrap,
    .panel-feature .testimonial-quotation {
        text-align: center;
    }
    .panel-feature .text-wrap {
        padding-left: 0;
        padding-top: 1em;
    }
    .panel-feature .testimonial-quotation {
        font-size: 1em;
    }

    .panel-feature p {
        margin-top: 1em;
    }
    .panel-feature .pure-g {
        margin-bottom: 0;
    }
    .panel-feature .testimonial-quotation p {
        margin-top: 0;
    }
    /* home page */
    .home-intro {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .home-intro .intro-media {
/*        margin-bottom: 0;*/
    }
    .home-intro .pure-g-gutter {
/*        padding: 0 0.8em 0 0;*/
        margin-top: 0;
    }

    .home-intro .pure-u-md-1-2 {
/*        vertical-align: middle;*/
    }
    .home-intro .pure-g .message p:last-child {
        padding-bottom: 0;
    }
    .section-panels .pure-u-sm-1-2:nth-child(even) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(even) .panel,
    .section-panels .pure-u-md-1-2:nth-child(even) .section-link,
    .section-panels .pure-u-md-1-2:nth-child(even) .panel {
        margin-right: 0;
        margin-left: 0.5em;
    }
    .section-panels .pure-u-sm-1-2:nth-child(odd) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(odd) .panel,
    .section-panels .pure-u-md-1-2:nth-child(odd) .section-link,
    .section-panels .pure-u-md-1-2:nth-child(odd) .panel {
        margin-right: 0.5em;
        margin-left: 0;
    }
    .unstyled .fake-table {
        padding-bottom: 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
    }
    .unstyled .fake-table:last-child {
        padding-bottom: 0;
        border-bottom-width: 0;
        margin-bottom: 0;
    }
    .unstyled .fake-table .item {
        padding-bottom: 1em;
        border-bottom-width: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .unstyled .fake-table .item:first-child {
        padding-bottom: 0.5em;
    }
    .unstyled .fake-table:last-child item {
        padding-bottom: 0;
        border-bottom-width: 0;
        margin-bottom: 0;
    }
    .application-links .unstyled {
        margin-bottom: 0;
    }
    .news-listing .text-wrap {
        margin-left: 140px;
    }
    .news-listing .text-only {
        margin-left: 0;
    }
    .news-listing .image-wrap {
        width: 140px;
    }
    .action-list li {
        margin-bottom: 0.75em;
    }
    .search-toggle {
        width: 5em;
    }
    .search-toggle .label {
        display: inline;
    }
}
@media screen and (min-width: 64em) {
    .content-body {
        padding: 1em 5em 3em 5em;
    }
    .tpl-home .content-body {
        padding: 0 0 3em 3em;
    }
    .home-intro {
        margin: 1em 3em 1em 0;
    }
    .home-panels {
        padding: 0 0 1em 0;
    }
    .home-panels .panel {
        margin-bottom: 3em;
    }
    .home-panels .panel,
    .home-panels .pure-u-md-1-2:nth-child(even) .panel,
    .home-panels .pure-u-md-1-2:nth-child(odd) .panel {
        margin-right: 1em;
        margin-left: 1em;
        margin-right: 3em;
        margin-left: 0;
    }
    .home-intro .message {
        /*font-size: 1.5em; v2*/
    }
    .home-intro .message p {
/*        margin: 1em 0;*/
    }
    .home-intro .intro-media {
/*        margin: 1em 0 0 0;*/
    }
    .section-panels .pure-u-sm-1-2:nth-child(even) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(even) .panel,
    .section-panels .pure-u-md-1-2:nth-child(even) .section-link,
    .section-panels .pure-u-md-1-2:nth-child(even) .panel {
        margin-right: 0;
        margin-left: 1.5em;
    }
    .section-panels .pure-u-sm-1-2:nth-child(odd) .section-link,
    .section-panels .pure-u-sm-1-2:nth-child(odd) .panel,
    .section-panels .pure-u-md-1-2:nth-child(odd) .section-link,
    .section-panels .pure-u-md-1-2:nth-child(odd) .panel {
        margin-left: 0;
        margin-right: 1.5em;
    }
    .section-panels .panel {
        margin-bottom: 3em;
    }
    .section-panels .section-link {
        margin-bottom: 2em;
    }
    .page-supplement .panel {
        margin: 1.5em 3em 2em 0;
    }
    .panel-feature .testimonial-quotation p {
        margin-top: 1em;
    }
    .fake-table.testimonial-listing .item {
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
    }
    .testimonial-listing .text-wrap {
        padding-left: 2em;
    }
    .testimonial-listing .text-wrap.text-only {
        margin-left: 0;
        padding-left: 0;
    }
    .footer {
        padding: 0 0 0 3em;
    }
    .footer .pure-g-gutter {
        padding: 0 3em 0 0;
    }
    .legal .links p {
        padding-left: 3.428571429em;
    }
}
@media screen and (min-width: 80em) { /* pure: xl, > 1280px */

    .panel-feature .text-wrap,
    .panel-feature .testimonial-quotation {
        text-align: left;
    }
    .panel-feature .text-wrap {
        padding-left: 1em;
        padding-top: 0;
    }
    .panel-feature h2 {
        font-size: 1.25em;
    }

}

@media screen and (min-width: 85.375em) { /*   > 1366px */
    .page-image {
        width: 33%;
    }
}