* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.menu{animation-duration:1s; 
  animation-name: slidein2;
  display:none;
   }
.menu-fixed {
animation-duration:1s;
  animation-name: slidein;
	display:block;
	position: fixed;
	z-index:1000;
	top:0;
justify-content:center; display:flex;  flex-wrap:wrap;
	/*left:0;*/
	/*Podemos hacer que el menu abarque el 100% al hacer scroll*/
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	background-color:#181A1C; padding:20px;

}
@keyframes slidein {
  from {
	  opacity:0;
	  margin-top:-50px;
  }

  to {
	  opacity:1;
	  margin-top:0px;
  }
}
@keyframes slidein2 {
  from {
	  opacity:1;
	  margin-top:0px;
  }

  to {
	  opacity:0;
	  margin-top:-50px;
  }
}