body{ background: #0b3871; }
.branding-text { visibility: hidden;position: fixed; top: 0px; background: rgba(0,0,0,.1); text-align: center; vertical-align: middle; color: #fff; font-size: .7em; font-weight: 600;}
.branding-text-content { padding: 5px; }
.branding-text-content a { text-decoration: underline; }
@media (min-width: 925px) {#page-container{background-image: url("branding_sm.jpg")}
.branding-text { visibility: visible; width: 100%;  max-height: 90px;}
.branding-text-content { padding: 5px; max-width: 170px;}}
@media (min-width: 992px){.branding-text-content {max-width: 250px; padding: 10px; font-size: 1.2em; }}
@media (min-width: 1100px) {#page-container{background-image: url("branding_md.jpg")}
.branding-text { max-height: 120px;}}
@media (min-width: 1500px) {#page-container{background-image: url("branding_lg.jpg")}
.branding-text { max-height: 160px;}
.branding-text-content { padding: 25px; max-width: 320px; font-size: 1.4em;}}
@media (min-width: 1600px) {.branding-text-content { padding: 30px; max-width: 420px; }}