#portfolio_page header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
}

#portfolio_page header #header-content {
    display: flex;
    align-items: center;
    transition: 0.2s linear;
}

@media(min-width: 991px) {

    #portfolio_page header.nav-left #header-content {
        justify-content: flex-start;
    }

    #portfolio_page header.nav-center #header-content {
        justify-content: center;
    }

    #portfolio_page header.nav-right #header-content {
        justify-content: space-between;
    }
    
    #portfolio_page header.nav-left .item-has-children > .sub-menu ul {
        justify-content: flex-start;
    }

    #portfolio_page header.nav-center .item-has-children > .sub-menu ul {
        justify-content: center;
    }

    #portfolio_page header.nav-right .item-has-children > .sub-menu ul {
        justify-content: flex-end;
    }

}

#portfolio_page header .header-wrapper {
	display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: center;
    transition: 0.5s linear;

}

#portfolio_page header .nav-but-wrap { 
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 15px;
	transition : all 0.3s ease-out;
}

#portfolio_page header #header-nav {
    padding-left: 15px!important;   
}

@media(min-width: 991px) {

    /*
     * Défilement horizontal uniquement : avec overflow-x: auto, sans overflow-y explicite
     * le navigateur peut activer un scroll vertical parasite sur la barre de liens.
     */
    #portfolio_page header #header-nav.nav {
        overflow-x: auto;
        overflow-y: hidden;
        border-color: transparent;
        transition: 0.2s linear;
        -webkit-overflow-scrolling: touch;
    }

    #portfolio_page header #header-nav .nav__content .nav__list {
        display: flex;
        justify-content: flex-start;
        padding: 15px 0px 20px 0px;
        top: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    #portfolio_page .nav__content .nav__list li a {
        margin: 0px 0px 0px 20px;
        transition: 0.2s linear;
    }

}

@media screen and (min-width: 2100px) {

    #portfolio_page header #header-nav .nav__content .nav__list {
        justify-content: center;
    }

}

#hamburgerBtn {
    display: none;
}