.ham {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
	/* background-color: aqua; */
}

.ham_line {
	position: absolute;
	left: 10px;
	width: 20px;
	height: 1px;
	background-color: #333333;
}
.ham_line1 {
	top: 10px;
}
.ham_line2 {
	top: 18px;
}
.ham_line3 {
	top: 26px;
}


.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
    transform: rotate(-45deg);
    top: 20px;
}

.mobile-menu-items {
  position: fixed;
  text-align:right;
  margin-top: 20px;
	width: 100%;
	/* height: 400px; */
	left: -800px;
	background-color:white;
	/* transition: all 0.3s; */
}

.mobile-menu-items ul {
 margin-right: 250px;
}
.mobile-menu-items li
{
 margin: 10px; 
}

.clicked .mobile-menu-items{
	left: 250px;
}