Fixed nav & header

[jamesl1001]

Fix the <header> so that the .content-wrapper slides on top of the <header> when the user scrolls.
Fix the <nav> so it always remains at the top of the page.

[jamesl1001]

nav {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 3;
}

header {
  height: 300px; // fixed height required
  padding: 0 3%; // includes top/bottom padding
  position: fixed;
  top: 45px;
  z-index: 1;
}

.content-wrapper {
  background: #FFF;
  margin-top: 300px;
  position: relative;
  z-index: 2;
}

[JacobH1992]

Cool, got a demonstration?

[jamesl1001]

Not yet. Let's get #1 done first.
There's also complications with the homepage because that header is larger than the other pages.