.drop-down { display:none; }


@media screen and (max-width:1000px) {
.drop-down { display:block; }
	
.drop-down ul, li {
  margin: 0 auto;
  padding: 0;
  list-style:none;
}

.drop-down {
  padding:25px;
  position: absolute;
  width: 100%;
  height: auto;
  background: #8c7634;
  top: -100%;
  transition: top 0.4s ease-in-out;
  /*text-shadow: 1px 1px 1px #333;*/
  box-shadow: 0 0 10px 2px #333;
}

.drop-down ul { width:100%; max-width:600px; }
.drop-down li {
	display:inline-block;
	width:20%;
	font-size:2.5vw;
    text-align:center;
	margin:0 1.5%;
}
	
.drop-down li a {
    color:#FFF;  
}
.drop-down li img { width:100%; }

.drop-down li img:hover {
	border-radius:99rem; 
    background:#555;
}

	
	@media screen and (max-width:540px) {
		.drop-down li { font-size:13px; }
	}
	

.drop-down p { border-bottom:rgba(255,255,255,0.3) 5px dotted;width:100%;height:22px;margin-bottom:5px;	}
	

.down {
  top: 0;
  transition: top 0.4s ease-in-out;
}

.menu {
  box-sizing:content-box !important;
  position:fixed;
  top:10px;
  right:1rem;
  width:50px;
  height:50px;
  line-height:49px;
  text-align:center;
  border-radius:99rem;
  z-index:999;
  color:#fff;
}
.menu:hover {
  background: ligthen(#2980b9, 5%);
}
.menu a {
  display: block;
  text-decoration:none;
  font-size:30px;
  color:#fff;
  margin: 0 auto;
}
.menu .close {
  display: none;
}

.trigger {
  animation: menu-spin-back 0.4s ease-in-out;
  animation-fill-mode: forwards;
}

.round {
  animation: menu-spin 0.4s ease-in-out;
  animation-fill-mode: forwards;
}


@-webkit-keyframes menu-spin {
  50% {
	  border-radius:50%;
	  background-color:rgb(140,118,52,0.4);
	}
  100% {
	  border-radius:0%;
	  background-color:rgb(140,118,52,0);
	  transform: rotate(180deg);
	}
}
	
	
@-webkit-keyframes menu-spin-back {
  50% {
    border-radius:100%;
	background-color:rgb(140,118,52,0.4);
  }
  100% {
    border-radius:100%;
	background-color:rgb(140,118,52,0.8);
    transform: rotate(-180deg);
  }
}
.white {
  border-color: #fff;
  color: #fff !important;
}

}