Noissue - Use new utilities and .container from website-defaults

includes/layout/header.tmpl

 {% if product_id %}
   {% set product = products[product_id] %}
   {% set search_label = "Search " + product.full_name + " Help" %}
   {% set search_site = config.get("general", "siteurl") + "," + product.url %}
 {% else %}
   {% set search_label = "Search for help..." %}
   {% set search_site = config.get("general", "siteurl") %}
 {% endif %}
 
 <header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is not defined }}">
-  <div class="navbar-wrapper">
+  <div class="container large-desktop-width">
     <h1 id="site-title">
       {{ "index" | linkify() }}
         <img src="/img/png/eyeo-help.png" srcset="/img/svg/eyeo-help.svg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}">
       </a>
     </h1>
 
     <button class="toggle-navbar-collapse unstyled phablet-and-mobile-only">
       <img src="/img/png/search-icon.png" srcset="/img/svg/search-icon.svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt text") }}">
     </button>
 
@@ skipping 10 matching lines @@
       {% if product_id %}
       <nav id="product-website-link">
         <a href="{{ product.url }}">
           {{ product.full_name | translate(product_id+"-product-link", "Link label") }}<img src="/img/png/external-icon.png" srcset="/img/svg/external-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Image alt text") }}">
         </a>
       </nav>
       {% endif %}
     </div>
   </div>
 </header>