body > header.fullpage {}
body > header.fullpage .overHead {position:absolute; top:0; left:0; z-index:102;}
body > header.fullpage .overHead.scroll {top: calc(0px - var(--overhead-height));}
body > header.fullpage .wrapBanner .banner { height: 100vh; }
body > header.fullpage .wrapBanner .banner img {width:100%; height:100vh; object-fit: cover; object-position: center center;}
body > header.fullpage .wrapBanner .banner .slide::after {content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
body > header.fullpage .wrapTitle {width:100%; left:0;}
body > header.fullpage .wrapTitle .logo {width:100%; text-align: center; padding:20px;}
body > header.fullpage .wrapTitle .logo img {max-height: 30vh;}
body > header.fullpage .overHead {position:fixed; }
body > header.fullpage nav.mainNav {position:fixed; background-color: transparent; width: 100%; top: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; transition: background-color 0.5s ease; }
body.scroll > header.fullpage nav.mainNav { background-color: rgba(133, 134, 147, 0.9); }
body.scroll > header.fullpage nav.mainNav .smallLogo img { height: 50px; }
body > header.fullpage nav.mainNav > div.wrapNav { display: flex; justify-content: flex-end; width: 100%; max-width: var(--wrap-width); }
/*body > header.fullpage nav.mainNav.scroll {top:0;}*/
body > header.fullpage nav.mainNav > div > ul {padding: 0 40px 0 0; }

@media all and (max-width: 1000px) {
	body > header.fullpage { margin-bottom:20px; overflow: visible; }
}