@media (min-width: 1011px) {

#main-nav {
		background-color:rgba(220,220,220,0.8);
		left:0px;
		top:0px;
		height:50px;
		width:100%;
		padding:15px 20px 0px 0px
	}
		
#main-nav ul li {
	display:inline;
	background-color:fff;
}
}



@media (max-width: 1010px) {

#nav-toggle {
  display: inline-block;
  position: fixed;
  padding: 12px 0;
  transition: 0.5s;
  cursor: pointer;
  user-select: none;
  opacity:0.8;
}
#nav-toggle #toggle:before, #nav-toggle #toggle:after {
  transition: 1s;
}
#toggle:before, #toggle:after {
  transition: 1s;
}
#toggle:before {
  top: .825rem;
}
#toggle:after {
  top: -.825rem;
}

#toggle {
  position: relative;
  width: 40px;
  background:#000;
  height: .3125rem;
  transition: 0.2s;
  border-radius: 2.5rem;
}
#toggle:before, #toggle:after {
  display: block;
  content: "";
  height: .3125rem;
  width: 2.5rem;
  background: #000;
  position: absolute;
  z-index: -1;
  transition: 2s 1s;
  border-radius: 1rem;
}
#toggle:before {
  top: .625rem;
}
#toggle:after {
  top: -.625rem;
}

.open:not(.steps) #toggle:before,
.open:not(.steps) #toggle:after {
  top: 0 !important;
}

.open #toggle:before,
.open #toggle:after {
  transition: 2s;
}

/* × and + */
.open #toggle {
  background: transparent;
}
.open #toggle:before {
  transform: rotate(-45deg);
}
.open #toggle:after {
  transform: rotate(45deg);
}

/*responsive Menu*/
	#main-nav {
		background-color:#370621;
		right:-100%;
		top:0px;
		height:100%;
		padding-top:100px;
		transition: 1s;
		color:#370621;
	}
	
	#main-nav ul li {
		float:none;
		margin-left:0px;
		display:block;
	}
	
	#main-nav ul li a {
		padding:20px 40px;
		float:left;
	}


	
#main-nav.active {
	display:inline-block;
	right:0;
}
}