div.nav{position:relative;-webkit-perspective:1000px;perspective:1000px;}
div.nav input{display: none;}
div.nav label.mainlabel, div.nav div.menuflip{-webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; /* transition speed etc */}
div.nav label.mainlabel{/* menu anchor text style */width:75%;/* width of anchor text */font:bold 20px Tahoma;position:relative;top:0;color:#888;display:block;background:#333;cursor: pointer;text-align:center;}
div.nav div.menuflip{ /* DIV that flips over to reveal main menu */position:absolute;bottom:2.1vh;padding:4px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:75%;border:1px solid gray;-webkit-box-shadow: 2px 2px 15px #333;box-shadow:2px 2px 15px #333;border-radius:10px;background:#333;height:425px;}
div.nav div.menuflip h4{margin:0;font-size:2vw;color:#666;padding:4px 5px 0 6px;border-bottom:3px solid #666;letter-spacing: 1px;}
div.nav div.menuflip h4 span{color:#669966;}
div.nav div.menuflip ul{list-style: none;width:100%;margin-top:10px;margin-left:3px;padding:0;}
div.nav div.menuflip ul li{border-bottom:;}
div.nav div.menuflip ul li:last-of-type{border-bottom: none;}
div.nav div.menuflip ul li:hover{border-bottom-color: transparent;}
div.nav div.menuflip ul li a{display:block;color:#666;text-decoration:none;padding:6px;-webkit-transition: none;transition: none;}
div.nav div.menuflip ul li a:hover{background:#515151;color:white;}
#fbk{position:absolute;display:inline-block;float:left;bottom:0px;margin-left:-5px;visibility:visible;width:30px;height:30px}
img.cover{ padding:0!important;border-radius:15px;width:22px;height:22px}
div.nav div.menuflip label.close{ /* close button */position:absolute;right:5px;bottom:1px;display:inline-block;text-align:center;line-height:14px;color:white;z-index:1000;cursor:pointer;border-radius:50px;-webkit-box-shadow: 0 0 5px gray;box-shadow:0 0 5px gray;width:16px;height:16px;background:black;font-size: 2vw;}
div.nav input:checked ~ label.mainlabel{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
div.nav input:checked ~ div.menuflip{-webkit-transform:rotateY(0);transform:rotateY(0);}