ヘッダー部分のGナビ幅を狭めたい。

グローバルナビゲーションは display: flex になっていて、各項目は幅いっぱいに広がるようになっているので、下記の CSS を追加することで幅いっぱいに広がる挙動を無効化できます。

.p-global-nav .c-navbar__item {
  flex: 0 1 auto;
}

こんにちわ！
中央よせについては、指定されたcssの親要素に、flexboxの指定がいくつかありますので、そこに水平方向の中央揃えである下記を追加してみてはと思います。
.p-global-nav .c-navbar {
justify-content: center;
}

参考サイト拝見したところ、一時的にかもしれませんが
.p-global-nav .c-navbar__item {
flex: 0 1 auto;
}
のautoが誤字になられているのでご注意ください。