body > label#menue-mobile-src {
    position: absolute;
    top:0;
    right:0;
    margin:.6em;
    padding:.2em .3em;
    cursor: pointer;
    z-index: 9999999999;
    display: none;
}
body > label#menue-mobile-src > div {
  width: 30px;
  height: 3px;
  background-color: rgba(255,255,255,1);
  margin: 5px 0;
}

body > input#menue-mobile {
    width:0;
    height:0;
    visibility: hidden;
}

ul#menu { padding: 0; }
ul#menu > li > a { color: rgba(255,255,255,1); padding: 15px 10px; display: block; font-size: 2.2em; border-bottom: 1px solid rgba(255,255,255,.8);}
ul#menu > li > a:hover { text-decoration: none; }

body > input#menue-mobile + ul#menu {
  position: absolute;
  z-index: 999999999;
  display: none;
  background-color: rgba(0,0,0,.8);
  width: 100%;
}

body > input#menue-mobile:checked + ul#menu { display: block;	}

@media all and (max-width: 780px) {
	body > label#menue-mobile-src { display: block; }
}

@media all and (max-width: 470px) {
  ul#menu > li > a { font-size: 2em; }
}

@media all and (max-width: 405px) {
  ul#menu > li > a { font-size: 1.8em; }
}

@media all and (max-width: 365px) {
  ul#menu > li > a { font-size: 1.6em; }
}

@media all and (max-width: 330px) {
  ul#menu > li > a { font-size: 1.4em; }
}