#menu-toggle {
  display: none;
}

.hamburger {display:none}

/* hamburger */
.hamburger {
  display: none;
  font-size: 60px;
  cursor: pointer;
  position: absolute;
  top: 15pt;
  right: 70pt;
}


/* MOBILE < 1100px */
@media (max-width: 1100px) {

  .hamburger {
    display: block;
  }

  .men ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    right: 0;
    background: white;
    padding: 30pt;
    background: rgba(255, 255, 255, 0.95);
    list-style: none;
text-align:left;
  width:50%;z-index:10;border-radius:5pt;line-height:2.5
  }

.men ul li a {font-size:5vw}

  #menu-toggle:checked ~ .men ul {
    display: flex;
  }
}