.wrap
{
  display:none;
  z-index:1;
  position: fixed;
  top: 0;
  height: 37px;
}
.nav-icon
{
  margin-top: 5px; margin-left: 3px;
  width: 30px;
  height: 25px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.nav-icon span
{
  width: 100%;
  height: 4px;
  left: 0;
  display: block;
  background-color: black;
  position: absolute;
  border-radius: 2px;
  transition: .3s cubic-bezier(.8,.5,.2,1.4);
}
.nav-icon span:nth-child(1)
{
  top:0px;
}
.nav-icon span:nth-child(2)
{
  top: 10px;
}
.nav-icon span:nth-child(3)
{
  bottom: 0px;
}
.nav-icon.open
{
  transform: rotate(-90deg);
}
.nav-icon.open span
{
  transition: .3s cubic-bezier(.8,.5,.2,1.4);
}
.nav-icon.open span:nth-child(1)
{
  left: 3px;
  top: 12px;
  width: 30px;
  transform: rotate(90deg);
  transition-delay: 150ms;
}
.nav-icon.open span:nth-child(2)
{
   left: 2px;
  top: 5px;
  width: 20px;
  transform: rotate(-45deg);
  transition-delay: 50ms;
}
.nav-icon.open span:nth-child(3)
{
     left: 14px;
  top: 5px;
  width: 20px;
  transform: rotate(45deg);
  transition-delay: 100ms;
}
  .overlay
      {
  		margin-left: 35px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background-color: rgba(0,0,0,0.3);
        display: none;
      }
      .menu
      {
        border-top-right-radius: 5%;
        border-bottom-right-radius: 5%;
        margin-top:33px;
        z-index: 1;
        position: fixed;
        top:0;
        left:0;
        bottom:0;
        width: 320px;
        max-width: 100%;
        background-color: black;
        transform: translateX(-100%);
        transition: transform linear 0.2s;  		
      }
      .list
      {
        list-style: none;
        margin-right: 45px;
      }
     .item a
      {
        text-decoration: none;
        border-bottom: #fff solid 2px;
        color: white;
        display: block;
        padding: 8px 0;
        font-size: 20px;
        font-family: 'Baloo Bhaijaan 2', cursive;
      }
      .item a:hover
        {
          background: #2196f3;
          color: #031321;
        }
      .nav_input:checked ~ .overlay
      {
        display: block;
      }
      .nav_input:checked ~ .menu
      {
        transform: translateX(0%);
      }
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 25px;
  z-index: 1;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;

}