#header {
    position: fixed;
    height:50px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    line-height: 1;
    background:#fff;
}

/* transition */
#header,
#header img ,
#header.small,
#header.nodisp,
#header.flow,
#header.small img,
#header.nodisp img,
#header.flow img,
#header-head .logo,
#global-nav ul li,
#global-nav ul li a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* small and flow */
#header img {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    max-height:40px;
    width:76px;
    height:40px;
    transition-delay: 500ms;
    transition: all 0.1s ease;
}

#header.nodisp img {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    max-height:40px;
    height:0px;
    width:76px;
    transition-delay: 200ms;
    transition: all 0.1s ease;
}

#header.flow img {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    max-height:40px;
    width:76px;
    height:40px;
    transition-delay: 500ms;
}

#header.flow {
    position: fixed;
    height:50px;
}

#header.nodisp {
    position: fixed;
    height:0px;
}

.header-margin {
    margin-top:50px;
}