.header {
    position: fixed;
    width:auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    padding: 0.4em 5% 0.4em;
}

.menu li {
   display: inline-block;
 }

.logo {
  margin:auto;
}

.logo a {
  text-decoration: none;
  font-family: 'Inter-Bold';
  text-transform: none;
  z-index: 50;
}

.menu-item {
  font-size: 0.8em;
  letter-spacing: 0.25em;
  line-height: 0;
  opacity: .6;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 500;
}

.nav-text {
  font-size: 0.7em;
  letter-spacing: 0.25em;
  line-height: 0;
  opacity: 1;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 500;
}

.menu-item a {
  font-family: 'Inter-Bold';
}

.menu-item:hover, .menu-item:focus, .menu-item:active {
  opacity: 1;
}

.copy a:hover {
  color: #426bff;
}

@media (min-width: 900px) {

  /* .header {
    padding: 0;
  } */

  .header li a {
    display: block;
    margin: 0;
    padding: 23.5px 24px;
  }

  .header .logo {
    float: left;
    padding-top: 0.8em;
    padding-left: 1.2em;
    /* padding: 0.8em 5% 0.4em; */
  }

  .header .title {
    display: inline-block;
    padding: 1.2em 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -10;
  }


  .title a {
    font-family: 'Inter-Regular';
  }

  .header .menu {
    float: right;
  }

   ul {
    margin:0;
  }

}

@media (max-width: 900px) {


	.burger-spacer {
		margin-bottom: 2em;
	}

  .logo {
    display: none;
  }

  .menu li {
     display: block;
   }

  .header {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     height: 50px;
     width: 100%;
     background: rgba(0, 0, 0, 0.8);
     overflow: hidden;
     -webkit-transition: all 0.5s ease-out, background 1s ease-out;
     transition: all 0.5s ease-out, background 1s ease-out;
     -webkit-transition-delay: 0.2s;
             transition-delay: 0.2s;
     z-index: 1;
   }

  .header .burger-container {
     position: relative;
     display: inline-block;
     height: 50px;
     width: 75px;
     cursor: pointer;
     -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
     -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     -webkit-tap-highlight-color: transparent;
   }
  .header .burger-container #burger {
     width: 25px;
     height: 8px;
     position: relative;
     display: block;
     margin: -4px auto 0;
     top: 50%;
   }

  .header .burger-container #burger .bar {
     width: 100%;
     height: 1px;
     display: block;
     position: relative;
     background: #FFF;
     -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-transition-delay: 0s;
             transition-delay: 0s;
   }
  .header .burger-container #burger .bar.topBar {
     -webkit-transform: translateY(0px) rotate(0deg);
             transform: translateY(0px) rotate(0deg);
   }
  .header .burger-container #burger .bar.btmBar {
     -webkit-transform: translateY(6px) rotate(0deg);
             transform: translateY(6px) rotate(0deg);
   }
  .header .icon {
     display: inline-block;
     position: absolute;
     height: 100%;
     line-height: 50px;
     width: 50px;
     height: 50px;
     text-align: center;
     color: #FFF;
     font-size: 22px;
     left: 50%;
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
   }

  .header ul.menu {
     position: relative;
     display: block;
     padding: 0px 48px 0;
     list-style: none;
   }
  .header ul.menu li.menu-item {
     border-bottom: 1px solid #333;
     margin-top: 5px;
     -webkit-transform: scale(1.15) translateY(-30px);
             transform: scale(1.15) translateY(-30px);
     opacity: 0;
     -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
   }
  .header ul.menu li.menu-item:nth-child(1) {
     -webkit-transition-delay: 0.49s;
             transition-delay: 0.49s;
   }
  .header ul.menu li.menu-item:nth-child(2) {
     -webkit-transition-delay: 0.42s;
             transition-delay: 0.42s;
   }
  .header ul.menu li.menu-item:nth-child(3) {
     -webkit-transition-delay: 0.35s;
             transition-delay: 0.35s;
   }
  .header ul.menu li.menu-item:nth-child(4) {
     -webkit-transition-delay: 0.28s;
             transition-delay: 0.28s;
   }
  .header ul.menu li.menu-item:nth-child(5) {
     -webkit-transition-delay: 0.21s;
             transition-delay: 0.21s;
   }
  .header ul.menu li.menu-item:nth-child(6) {
     -webkit-transition-delay: 0.14s;
             transition-delay: 0.14s;
   }
  .header ul.menu li.menu-item:nth-child(7) {
     -webkit-transition-delay: 0.07s;
             transition-delay: 0.07s;
   }
  .header ul.menu li.menu-item a {
    text-transform: none;
     display: block;
     position: relative;
     color: #FFF;
     font-weight: 100;
     text-decoration: none;
     font-size: 2.5em;
     line-height: 2.35;
     width: 100%;
   }
  .header.menu-opened {
     height: 100%;
     background-color: #000;
     -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
     transition: all 0.3s ease-in, background 0.5s ease-in;
     -webkit-transition-delay: 0.25s;
             transition-delay: 0.25s;
   }
  .header.menu-opened .burger-container {
     -webkit-transform: rotate(90deg);
             transform: rotate(90deg);
   }
  .header.menu-opened .burger-container #burger .bar {
     -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-transition-delay: 0.2s;
             transition-delay: 0.2s;
   }
  .header.menu-opened .burger-container #burger .bar.topBar {
     -webkit-transform: translateY(4px) rotate(45deg);
             transform: translateY(4px) rotate(45deg);
   }
  .header.menu-opened .burger-container #burger .bar.btmBar {
     -webkit-transform: translateY(3px) rotate(-45deg);
             transform: translateY(3px) rotate(-45deg);
   }
  .header.menu-opened ul.menu li.menu-item {
     -webkit-transform: scale(1) translateY(0px);
             transform: scale(1) translateY(0px);
     opacity: 1;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(1) {
     -webkit-transition-delay: 0.27s;
             transition-delay: 0.27s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(2) {
     -webkit-transition-delay: 0.34s;
             transition-delay: 0.34s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(3) {
     -webkit-transition-delay: 0.41s;
             transition-delay: 0.41s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(4) {
     -webkit-transition-delay: 0.48s;
             transition-delay: 0.48s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(5) {
     -webkit-transition-delay: 0.55s;
             transition-delay: 0.55s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(6) {
     -webkit-transition-delay: 0.62s;
             transition-delay: 0.62s;
   }
  .header.menu-opened ul.menu li.menu-item:nth-child(7) {
     -webkit-transition-delay: 0.69s;
             transition-delay: 0.69s;
   }

	 .header {
    position: fixed;
  }
}