Javascript 如何将徽标居中并将菜单居中？

让我们看看我的第一个简单的网站。我已经根据教程创建了网站，但我想更改一些内容：

第一：我想在白色空间的中央有一个标志“Bukowski”（当我缩短屏幕并使其在中心一直变大时）

第二：我想把菜单放在中间，而不是左边

第三：当我使屏幕小于996px时，黑色块出现并向上移动。我希望我的菜单在正常情况下折叠到996px以下，但没有黑色的方块

第四点也是最后一点：请看一下html代码，并告诉我应该向 头标签我是美赞臣

@font-face{
src:url（mistral.ttf）；
字体系列：mistral；
}
* {
保证金：0；
填充：0；
框大小：边框框；
字体系列：“Poppins”，无衬线；
}
.LOGO 2{
字体系列：mistral；
字体大小：100px；
左边距：自动；
右边距：自动；
}
标题{
位置：固定；
宽度：100%；
高度：80px；
填充：0px 100px；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
背景：#111；
z指数：1000；
}
标题。标志{
字体系列：“mistral”；
颜色：#fff；
字体大小：40px；
文字装饰：无；
字母间距：2px；
}
标题ul{
位置：相对位置；
显示器：flex；
}
标题ulli{
位置：相对位置；
列表样式：无；
}
标题ulli a{
位置：相对位置；
填充物：5px10px；
颜色：#fff；
显示：内联块；
文字装饰：无；
光标：指针；
}
标题：悬停，
标题ulli a.active{
背景色：#205aff；
}
.切换{
显示：无；
}
部分{
位置：相对位置；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
最小高度：100vh；
填充：120px 50px 100px；
文本对齐：对齐；
}
纳格先生{
文本对齐：居中；
}
第img节{
最大宽度：400px；
左边距：30px；
}
第h2节{
文本对齐：左对齐；
文本转换：大写；
}
第p节{
字号：18px；
}
a节{
显示：内联块；
填充：8px 10px；
文字装饰：无；
字号：18px；
背景：#111；
颜色：#fff；
边缘顶部：20px；
}
部分：第n个孩子（奇数）{
位置：相对位置；
证明内容：中心；
对齐项目：居中；
背景：#111；
颜色：#fff；
}
@介质（最大宽度：992px）{
第h2节{
字号：1.5em；
文本转换：大写；
}
部分{
填充：100px 50px 50px；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
显示器：flex；
}
第img节{
利润率：50px0；
最大宽度：100%；
}
标题ul{
位置：绝对位置；
前-100%；
左：0；
宽度：100%；
高度：计算（100vh-80px）；
填充：50px 100px；
文本对齐：居中；
溢出：自动；
过渡：0.9s；
背景：#111；
弯曲方向：立柱；
不透明度：0；
转换：translateY（-100%）；
}
头.主动ul{
不透明度：1；
顶部：80px；
变换：translateY（0）；
}
标题ulli a{
保证金：5px0；
字体大小：24px；
}
.切换{
显示：块；
位置：相对位置；
宽度：30px；
高度：30px；
光标：指针；
}
.切换：之前{
内容：''；
位置：绝对位置；
顶部：4px；
宽度：100%；
高度：2倍；
背景：#fff；
z指数：1；
盒影：0 10px 0#fff；
过渡：0.5s；
}
.切换：之后{
内容：''；
位置：绝对位置；
底部：4px；
宽度：100%；
高度：2倍；
背景：#fff；
z指数：1；
过渡：0.5s；
}
header.active.toggle:之前{
顶部：14px；
变换：旋转（45度）；
盒影：0#fff；
}
header.active.toggle:之后{
顶部：14px；
变换：旋转（-45度）；
}
}
.nag2{
字体系列：“mistral”；
字体大小：150px；
左边距：px；
文本对齐：居中；
左边距：30px；
}
.nag h2{
字母间距：30px；
文字装饰：下划线；
字体大小：20px；
}

布可夫斯基








布可夫斯基
皮衣
关于我们
Jesteśmy polskċfirmċodzieċowċ，zajmujċcċsiċdystrybucjċ，produkcjċ，oraz projektowaniem odzieży sk rzanej i ko uchów。Nasza marka istnieje na rynku od 1992 roku。从布可夫斯基到波尔斯卡·马尔卡·德德科瓦纳·卢德齐姆·塞尼西姆·索比·尼班纳尼·斯泰尔，
科姆福特维戈德。从欧洲到纳维·扎尼·诺沃茨诺·斯戈德内·阿库阿尼米·特伦达米（nawiązanie do Novoczesności zgodne z aktualnymi trendami）。你认为尼马尔30岁的时候是不是应该成为瓜兰加·维索基亚·雅科·沃什·扎法尼亚·克里安·沃什的产品。塞尔德茨尼·扎普拉萨米·多
nabywania produktów naszych punktach sprzedaży

我们的服务
Wychodząc także naprzeciw oczekiwaniom naszych klientów，poza standardowym asortymentem of Rujemy szycie na miarę。naszych punktach sprzedaży Posidamy wykwalifikowany个人，Kotóry może pobraćwymiary od indywidualych klienóW。天机特木
那就是卡迪·克利特·莫扎莱奇·科迪拉·西比。俄罗斯石油公司的Równieżoferujemy pomoc w Zakrese skracania、zwężania、Renowakji bądźwymania poszczególnych元素与生产石油的公司合作。Dzięki temu możemy przedżużyćużytecznośćiżywotnośćnaszych
这两个城市的生产商都是生产商。

我们最近的工作
奥德·尼马尔30岁时，奥贝诺·纳隆库（obecności na rynku）和安妮·多克·阿达利·斯泽尔基奇·斯塔兰奇（wszelkich staraŇ）、阿比·纳斯扎·雅科奇（aby Nazze produkty cechowaŇa najwyższa jakość）。奥斯塔尼奥·杰斯泽·巴尔兹·波泽尔兹利米·纳斯兹是一名优秀的生产商。Posiadamy ponad sto rónych wzorów rónych
科洛拉赫一世是安妮·普拉库杰米·纳德·波斯泽泽尼姆·纳斯泽伊。奥斯塔尼奇·纳什·阿索特蒙·茨基·斯基尔库克罗特尼（W ostatnich nasz asortyment zwiąkszyłsiękilkukrotnie）