#header{ 
    clear: both;
    background: rgb(23,155,215);
    background: rgb(23,155,215) center center repeat-y url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9UAAAABCAMAAADn032JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANVQTFRFEZHTFJbVC4bPCoTODYnQEZDTFpnWE5TUDovREI7SFZjWCIHNEI/SCYLNDIfPDIjQCoXOCYPOEpPUDYrQDozRD43SEpLTFZfVFJXVD4zRCIDNE5PUD43REpLUFprWB3/ME5XUC4XPCIDMDIjPFprXB4DMFZfWF5rXC4fPD47SF5vXEpHTCYPNDorREI/TFJfVDYrRE5XVCILNCoPOFpjWCYLOCYHNFZjVC4XOEJDSDInQDYjQEZLTC4bODorQEY/TE5TVDovQFZnWFpnXEpPTDIfQFJXU43LKwgAAAU1JREFUeNpc0+d2gkAURlEMSK8CiiBKUQG7xphiupr3f6TcgVEunv1/1oL5hpmRslmWDbPhmB/zJ/4k82Av73tyT15P19MWAXkg8qKtsBWEQAiCDgiDMOwCJmTmgGkzbUglVupKUiW1kAppQLgD13GdPnBERxQ/xc+lvbQ33IYrMzjjmB5TQzdyPdcfCMgkYjNmTQBZrGUtgGZp2k7bHZSDoiRK4k/AyB+RJiABfmWCJH6iYLfIOVptV3nSKlbT4rFmsU0oE4nZ2LwHX/ZCfQBUDnQsr1zyi240pVfHlCMM5I2i2RT8cZtYImLtB6Acql9xMLfSpwa1ApS37lLFTZlaIzuhvkAbe6VoTFO5uCvanOkiZJbhO+hWOk3n4FyOuCTUYNwC6htsKU/wonutqPUHPArVuzNd35DHhT1T5OEBHvsFqHFtSGTIrPQvwADuWE11DjVeKwAAAABJRU5ErkJggg==);
    background: -moz-linear-gradient(left,  rgba(23,155,215,1) 0%, rgba(7,127,204,1) 21%, rgba(23,155,215,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(23,155,215,1)), color-stop(21%,rgba(7,127,204,1)), color-stop(100%,rgba(23,155,215,1)));
    background: -webkit-linear-gradient(left,  rgba(23,155,215,1) 0%,rgba(7,127,204,1) 21%,rgba(23,155,215,1) 100%);
    background: -o-linear-gradient(left,  rgba(23,155,215,1) 0%,rgba(7,127,204,1) 21%,rgba(23,155,215,1) 100%);
    background: -ms-linear-gradient(left,  rgba(23,155,215,1) 0%,rgba(7,127,204,1) 21%,rgba(23,155,215,1) 100%);
    background: linear-gradient(to right,  rgba(23,155,215,1) 0%,rgba(7,127,204,1) 21%,rgba(23,155,215,1) 100%);
}
.lt-ie9 #header{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179bd7', endColorstr='#179bd7',GradientType=1 );
}

#header .progLogo{
    display: block;
}

@media screen and (max-width: 570px) {
    #header{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        ms-box-sizing: border-box;
        text-align: center;
        padding-bottom: 1em;
        padding-top: 1em;
    }
    #header .progLogo {
        margin-top: 1.1em;
        margin: 1.1em auto .7em;
        height: 2.2em;
    }
    #header .progLogo img
    {
        width: 100%;
    }
    #header .headerCopy
    {
        float:none !important;
        display:block;
        width: 273px;
        margin: 0 auto;
        padding-top: 0.5em !important;
    }
    
} 
 
@media screen and (min-width: 571px) 
{
    #header{
        height: 5.8em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        ms-box-sizing: border-box;
    }
    #header .progLogo{
        position: absolute;
        top: 2em;
        left: 13px;
        width: 24%;
        width: 150px;
    }
    #header .progLogo img
    {
        Width: 100%;
    }
}


@media screen and (min-width: 900px) {
   
    #header .progLogo{
        top: 1.8em;
        left: 28px;
        width: 181px;
    }
}