<style type="text/css">

.closebtn {
    display: none;
}
b.close {
    display: none;
}

/*Display the dropdown on hover*/
.link a:hover + .hidden, .hidden:hover {
  display: block;
}


/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}




@media screen and (max-width : 640px), (max-width : 850px) {
  

  .close{
    float: right;
    font-size: 31px;
    margin-right: 4px
  }

b.close {
    display: inline-block;
}


  .closebtn{display: inline;}
}

</style>