header{
    display:block;
    background-color: #ffffff;
}
#header{
    font-family:Arial;
    display:block;
    padding:0; 
    margin:0;
    max-height:60px;
    max-width:100%;
    background-color: #ffffff;
}

#header #header-noaa{float:left; max-width:7.0%;}
#header #header-nws{float:left; max-width:75.3%;}
#header #header-doc{float:right; max-width:17.7%;}

#header h1{
    font-size:3vw;
    font-weight:500;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 8px 0 0 40px;
    color:#000;
}
#header h5{
    font-size:.9vw;
    font-weight:600;
    text-transform: uppercase; 
    letter-spacing: 5px;
    margin: -2px 0 8px 40px;
    color:#999; 
}
@media screen and (min-width:1188px){
    #header h1{
        font-size:35.6px;
        margin-left:40px;
    }
    #header h5{
        font-size:11px; 
        letter-spacing: 5px;
        margin-left:40px;
    }
}
@media screen and (max-width:900px){
    #header h5{
        font-size:10px;
        letter-spacing: 3px;
    }
}
@media screen and (max-width:680px){

    #header h1{
        font-size:22px;
        font-weight:500;
        margin-left:2vw;
    }
    #header h5{
        font-size:9px;
        letter-spacing: 1.3px;
        font-weight:600;
        margin-left:2vw;
    }
}

#header a{ max-height:100%; padding:0; margin:0;}
#header a img {width:100%; text-decoration:none; vertical-align:middle;}