.hambgr {
	display: -ms-grid;
	display: grid;
	justify-items: right;
	z-index: 120;
	cursor: pointer;
}

.hambgr div {
	background-color: #fff;
	position: relative;
	width: 40px;
	height: 5px;
	margin-top: 7px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#toggle1 {display: none;}

#toggle1:checked + .hambgr .top {
-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
margin-top: 22.5px;
}

#toggle1:checked + .hambgr .meat {
-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
margin-top: -5px;
}

#toggle1:checked + .hambgr .bottom {
-webkit-transform: scale(0);
		transform: scale(0);
}

#toggle1:checked ~ .menu1 {height: auto;}



.menu1 {
margin-top: 10px;
  background: rgba(0,0,0,0.77);
  display: -ms-grid;
  padding: 0;
  list-style: none;
  width: 250px;

  height: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
  z-index: 120;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right:0;
}

.link1 {
	width: 100%;
	margin: 0;
	padding: 12px 0;
	font: 700 18px 'Oswald', sans-serif;
	display: inline-block;
	text-align: right;
  padding-right: 22px;
}

.link1:hover, .link1:active {background: #555;}

.grayed {
	width: 100%; cursor: default;
	font: 400 16px 'Oswald', sans-serif;
	margin: 0;
	padding: 10px 0;
	display: inline-block;
	text-align: right;
	padding-right: 22px;
}

@media only screen and (max-width: 480px){
.hambgr div {width: 30px;}
 .menu1 {width: 220px;}
 .link1 {font: 500 16px 'Oswald', sans-serif;}
 .grayed {font: 400 14px 'Oswald', sans-serif;}    
}