title: How to have footer and header be 100% browser width, but keep everything in between at 80%
body: <p><a href="https://i.stack.imgur.com/du7Sq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/du7Sq.png" alt="enter image description here"></a></p>
  
  <p>The above picture is what I"m trying to achieve. The top header is 100% browser width no matter the size of browser.  The footer is the same.  I would like everything else between these two to be 80% as shown in the black box.  I think it's a relatively easy concept but my code isn't working:</p>
  
  <p><a href="https://jsfiddle.net/2qwvbdy4/" rel="nofollow noreferrer">https://jsfiddle.net/2qwvbdy4/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@font-face{
   font-family: Bebas;
   src:url(BEBAS.TTF);
  }
  body{
   width:80%;
   margin:0 auto;
   height:500px;
   background:blue;
  
  }
  .header{
   top:0;
   position:absolute;
   left:0;
   right:0;
   background:#ff6200;
   height:50px;
   width:100%;
   color:white;
   font-family: Bebas;
  
  }
  .header .call{
   
    line-height:50px;
  }
  .callme{
  color:blue;
  }
  .navbar{
   margin-top:100px;
   position:relative;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="header"&gt;
  &lt;div class="call"&gt;
  &lt;span class="callme"&gt;CALL US NOW!&lt;/span&gt; 
  &lt;span class="number"&gt;777.77.7777.777&lt;/span&gt; 
  &lt;/div&gt;
  &lt;/div&gt;
          &lt;div class="navbar"&gt;
              &lt;span&gt;logo&lt;/span&gt;
          &lt;/div&gt;
  
  
  &lt;div class="row"&gt;
    &lt;div class="col-md-8"&gt;.col-md-8&lt;/div&gt;
    &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If possible, I would like to achieve this without using Bootstrap. I'm sure it's not necessary to use a grid system for this but can't figure out what I'm doing wrong.  One thing that worked for me was changing 100% to 100vw but not understanding why 100% isn't working.</p>