header{
    position: fixed;
    z-index: 100;
/*    background: #fff;*/
    height: 60px;
    width: 100%;
}

header .h_logo{display: none;}

header.LogoOn
{
    background: #fff;
}

header.LogoOn .h_logo{ 
    width: 210px;
    height: 22px;
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 100;
    display: inline;}


@media screen and (min-width: 768px) {
    
    header{ height: 72px;}
    
header.LogoOn .h_logo{
    position: absolute;
    top: 26px;
}

    
.gnav {
	display: flex;
	height: 72px;
	right: 140px;
	width: calc(100% - 280px);
	max-width: 600px;
	box-sizing: border-box;
	position: absolute;
}
    
 header.LogoOn .gnav {
	right: 0;
}
 
}
@media screen and (min-width: 980px) {
    
.gnav li {font-size: 16px;}
    
header.LogoOn .h_logo{top: 28px;left: 30px;}
 
    
}