    /* Navbar */
    .navbar + .docs-section {
      border-top-width: 0; }
    .navbar,
    .navbar-spacer {
      display: block;
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #eee;
      z-index: 99;
      margin-bottom: 10px; }
    .navbar-spacer {
      display: none; }
    .navbar > .container {
      width: 90%; }
    .navbar-list {
      list-style: none;
      margin-bottom: 0; }
    .navbar-item {
      position: relative;
      float: left;
      margin-bottom: 0; }
    .navbar-link {
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .2rem;
      margin-right: 35px;
      text-decoration: none;
      line-height: 6.5rem;
      color: #222; }
      .navbar-link-selected {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .2rem;
        margin-right: 35px;
        text-decoration: none;
        line-height: 6.5rem;
        color: #f22; }
    .navbar-link.active {
      color: #33C3F0; }
    .has-docked-nav .navbar {
      position: fixed;
      top: 0;
      left: 0; }
    .has-docked-nav .navbar-spacer {
      display: block; }
    /* Re-overiding the width 100% declaration to match size of % based container */
    .has-docked-nav .navbar > .container {
      width: 80%; }