header {
    font-family: var(--global--fontFamiry05);
}
/*
@media screen and (max-width: 600px) {
    header {
        --fontSize-subtitle: 0.5rem;
    }
}
*/

header .subtitle {
    color: var(--global-color-02);
    font-size: 1.8rem;
    font-weight: 700;
    z-index: 90;
    padding-top:3px;
}
header .subtitle label{
    margin:0 auto 0 auto !important;
    text-align: center;
}

header .site-navigation .menu{
    top:80px;
    font-size: 1.5rem;
}

header #menubar{
    margin: 5px auto 5px auto;
}
header #menubar>.logo {
    width: 250px;
    height: 160px;
    display: block;
    z-index:90;
    max-width:calc((100% - 65px) * 0.8)
}

header .site-navigation .hamburger-menu label.text{
    font-size :2.0rem;
    font-weight: 400;
    font-style: normal;
}

@media screen and (max-width: 900px) {
    header #menubar{
        margin-top: 0;
        justify-content: center !important;
        --side-by-side-width: auto;
    }
    header > .width-content{
        justify-content: center !important;
    }
    header .subtitle {
        position: absolute;
        background-color: unset;
        color: var(--global-color-03);
        font-size: 1.5rem;
        margin-top: 0.5rem;
        margin-left: 1rem;
    }
    header .subtitle *{
        margin:0;
    }
    header .site-navigation .menu{
        font-size: 2.0rem;
    }
    
}
@media screen and (max-width: 600px){
    header #menubar>.logo {
        width: 200px;
        height:auto;
    }
}

@media screen and (max-width: 350px){
    header #menubar {
        justify-content: left !important;
    }

    header #menubar>.logo {
        padding-top: 3rem;
        width: 200px;
    }
}