@media screen and (max-width: 480px) {

.nav {display: none;}

.mobile-menu-open {
  display: block;
	position: fixed;
	top: 30px;
	right: 30px;
  z-index: 100001;
  background: grey;
  padding: 7px;

}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  background: #edeced;
  overflow-y: scroll;
}

.overlay-content {
  position: relative;
  top: 100px;
  width: 100%;
  height: 100%;
  overflow: scroll;
  text-align: center;
  margin-top: 30px;
}

.overlay-content li {margin-bottom: 5px;}
.overlay-content .mb-10 {margin-bottom: 20px;}

.overlay a {
	font-family: 'Montserrat', sans-serif; font-weight: 500;	
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.5;
  letter-spacing: 0;
	color: grey;
	text-decoration: none;
	transition: 0.3s;
  color: #000;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: fixed;
  top: 30px;
  right: 30px;
  font-size: 60px;
  z-index: 100010;
}

.overlay ul {list-style-type: none; margin: 0px; padding: 0px;}

#filterNav ul {text-align: left;}

#filterNav .overlay-content h2 {color: #e0e0e0; padding: 10px 50px; font-family: 'ITC Caslon 224 Std'; text-transform: none; font-size: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 20px; margin-bottom: 8px;}
#filterNav .btn {background-color: #000; color: #e0e0e0; padding: 7px 50px;}
#filterNav .last-li {padding-bottom: 30px;}

}

/*

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

*/