/* DRAWER */

/*header{
  color: black!important;
}
*/
.drawer{
  display: none;
  position: fixed;
  top: 0;left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 5;
}

  .drawer.active{
    display: block;
/*     background:#000; */
/*     color: white */
  }
  
  	header.active, header.active a {
	  	color: black;
/* 	  	color: white */
  	}
  	
  	
  	.active .menu .icon .line{
/* 	  	background: white */
  	}

  .active .icon .line{
    top: 50%;
    transform: rotate(45deg);
  }

  .active .icon .line:nth-child(2){
    transform: rotate(-45deg);
  }

nav{

  display: flex;
  justify-content: center;
}

nav ul{
  position: relative;
  float: left;
  width: 250px;
  transition: 500ms;
  opacity: 0;
}

  nav ul.active{
    opacity: 1;
  }


@media (min-width: 700px){


  nav ul:nth-child(3){
    margin-top: 3px;
    line-height: 1.5;
  }

}


@media (max-width: 700px){

  nav{
    display: block;
    padding: calc(20vw + 25px) 5vw;
  }

  nav ul:nth-child(2){
    padding-bottom: 5%;
  }

}