From a037ae3caa82dd85c6f69a8e3feb9a40a1d30f0d Mon Sep 17 00:00:00 2001
From: Jeff Mataya <jeff@foxcommerce.com>
Date: Tue, 18 Apr 2017 14:22:16 -0700
Subject: [PATCH] Constrain the width of the header at large sizes

---
 demo/peacock/src/components/header/header.css         | 6 ++++++
 demo/peacock/src/components/navigation/navigation.css | 6 ------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/demo/peacock/src/components/header/header.css b/demo/peacock/src/components/header/header.css
index 820832b49f..4f16ef472c 100644
--- a/demo/peacock/src/components/header/header.css
+++ b/demo/peacock/src/components/header/header.css
@@ -11,6 +11,9 @@
 
 .header {
   composes: header-base;
+  /*width: 100%;
+  max-width: 1080px;
+  margin: 0 auto;*/
 }
 
 .header-wrap {
@@ -28,6 +31,9 @@
   align-items: center;
   height: 100%;
   padding-left: 15px;
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
 }
 
 .action-link-menu {
diff --git a/demo/peacock/src/components/navigation/navigation.css b/demo/peacock/src/components/navigation/navigation.css
index 42d862777a..2b9365d8fd 100644
--- a/demo/peacock/src/components/navigation/navigation.css
+++ b/demo/peacock/src/components/navigation/navigation.css
@@ -89,9 +89,3 @@
     display: inline-block;
   }
 }
-
-@media (--x-large) {
-  .item {
-    margin-right: 50px;
-  }
-}