header {

    width:100%;
    background-color: #D5DF64;
    position: fixed;
    height:72px;
    min-height: 72px;
    z-index: 5000;

}

header > .inner {

    width:85vw;
    margin:0 auto;
    position: relative;
    z-index: 5000;

}

header.offScreen {

    top:-72px;

}

header.onScreen {

    top:0;

}

#siteLogo .cImage{

    width: 213px;
    margin:20px auto 0 auto;

}

#headerSpacer {

    width:100%;
    height:72px;

}

body.section-home #headerSpacer.withIntroVideo {

    width:100%;
    height:100vh;

}

#menuMobileOpen,
#menuMobileClose {

    position: absolute;
    left:-25px;
    top:-25px;
    width:80px;
    height:80px;

}

/* mobile */

#headerSpacer.breakPointMobile {

    width:100%;
    height:58px;

}

header.breakPointMobile {

    height:58px;
    min-height: 58px;

}

#siteLogo.breakPointMobile .cImage{

    width: 160px;
    margin:14px auto 0 auto;

}

#menuMobileOpen.breakPointMobile,
#menuMobileClose.breakPointMobile {

    top:-27px;

}

/* max */

header.breakPointDesktopLarge > .inner {

    width:1360px;

}