#burger-menu {
	cursor: pointer;
	height: 27px;
	width: 27px;
	right:20px;
  	top:20px;
	overflow: visible;
	position: fixed;
	z-index: 8;
}
	

  #burger-menu span,
  #burger-menu span:before,
  #burger-menu span:after {
	background: #fff;
	display: block;
	height: 4px;
	opacity: 1;
	position: absolute;
	transition: 0.3s ease-in-out;
  }
  #burger-menu span:before,
  #burger-menu span:after {
	content: "";
  }
  #burger-menu span {
	right: 0px;
	top: 13px;
	width: 27px;
  }
  #burger-menu span:before {
	left: 0px;
	top: -10px;
	width: 16px;
  }
  #burger-menu span:after {
	left: 0px;
	top: 10px;
	width: 20px;
  }


#menu {
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	padding-top: 20px;
	transition: all 0.3s ease-in-out;

	&.overlay {
		visibility: visible;
		opacity: 1;
		padding-top: 100px;
		background: rgba(0, 0, 0, 0.8);
    
	}

	ul {
		padding: 0;
	}

	li {
		list-style: none;
	}

	a {
		color: #fff;
		display: block;
		font-size: 32px;
		margin-bottom: 30px;
		text-decoration: none;
    	transition: color 0.3s ease;
	}
  a:hover {
    color:aquamarine;
    transition: color 0.5s ease;
    scale:1.05;
    transition: scale 0.5s ease;
  }
}

.burgermenu{
  z-index: 4;
  position: sticky;
  top:0;
  right:0;

}


.menu-box{
  display: none;
}

.menuopen{
  display: block;
}