Bondi

порпобуйте указать max-width и потом width
или попробуйте указать min-width: 99vw; width: 100%;

Я бы .center-main дал более правильное название .wrapper, но это мелочи, и сделал бы ширину "гибкой" max-width: 1200px;

Как бы я сверстал картку выше:

<header class="header">
<div class="wrapper">
   <a href="#">Logo</a>
   <div class="contact-section">
      <div class="...">.....</div>
      <div class="...">.....</div>
      <div class="...">.....</div>
   </div>
</div>
<div class="navigation">
   <div class="wrapper">
      <nav class="....">
         <ul>
            <li>.......<li>
         </ul>
      </nav>
   </div>
</div>
</header>

И вот, в моем примере, для .navigation задаешь нужный цвет

Привет. ты можешь нормально изложить свой вопрос, без паники?

https://youtu.be/FlxpXoiiiT4?t=3h52m8s оно?

возможно через z-index ?