.desktop { display: block; }
.mobile { display: none; }

#header_wrapper {
    position: fixed;
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #000033;
    overflow:hidden;
    z-index:999;
}

header {
    position:relative;
    width:960px;
    margin:auto;
    height:100px;
}

header > nav {
    display:block;
    position: absolute;
    top:50%;
    right:0px;
    margin-top:-11px;
}

header > nav > ul {
    list-style:none;
}

header > nav > ul > li {
    display:inline-block;
    padding:0 10px;
}

header > nav > ul > li > a {
    text-decoration:none;
    color:#000000;
    font-size: 0.9em;
}

#site_logo_wrapper {
    position: absolute;
    top:50%;
    left:0px;
    margin-top:-21px;
}


@media (max-width: 980px) {

    header {
        width:640px;
    }

}

@media (max-width: 660px) {

    header {
        width:100%;
        height:120px;
    }
    
    header > nav > ul > li {
        display:inline-block;
        padding:0 5px;
    }
    
    header > nav > ul > li > a {
        text-decoration:none;
        color:#000000;
        font-size:80%;
        line-height:
    }
        
    header > nav {
        padding-top:10px;
        padding-bottom:10px;
        position:relative;
        float:right;
    }
    
    #site_logo_wrapper {
        position: absolute;
        top:31px;
        left:0px;
        margin-top:-21px;
    }

}


@media (max-width: 420px) {
    
    header {
        height:150px;
    }
    
    header > nav > ul > li > a[class=primary_link] {
        display:block;
    }
    
    header > nav {
        margin-top:-35px;
    }
}