#mainmenu { position: absolute; top: 80px; left: 0; z-index: 50; background-color:#ddd; padding:0.25em 0 0.07em 0em; border: none; line-height: 1.56em; font-size:1rem; width:100%; text-align:left; }     .menubtn { background-color: #dddddd; outline:none; border: 0.06em solid #808080; color: #222; padding: 0.38em 0.5em; box-shadow: 0.13em 0.13em 0.13em  grey; font-size: 0.8em; font-size: 1em; cursor: pointer; border-radius: 0.3em;  }  .menubtn:hover{ background-color: #ccc; }  .menubtn:active{ background-color: #aaa; box-shadow: 0 0 grey; transform: translate(0.13em, 0.13em); }   .menubtngreen { background-color: #63d863; outline:none; border: 0.06em solid #808080; color: #222; padding: 0.38em 0.5em; box-shadow: 0.13em 0.13em 0.13em  grey; font-size: 0.8em; font-size: 1em; cursor: pointer; border-radius: 0.3em;  }  .menubtngreen:hover{ background-color: #52c752; }  .menubtngreen:active{ background-color: #52c752; box-shadow: 0 0 grey; transform: translate(0.13em, 0.13em); }     .menubtnpressed { background-color: #aaa; outline:none; color: #222; padding: 0.38em 0.5em; font-size: 1em; cursor: pointer; border-radius: 0.3em; box-shadow: 0 0 grey; transform: translate(0.06em, 0.13em); border: 0.06em solid #808080;  }       .menubtndisabled { background-color: #d5d5d5; outline:none; color: #777; padding: 0.38em 0.5em; box-shadow: 0.13em 0.13em 0.13em  grey; font-size: 0.8em; font-size: 1em; cursor: pointer; border-radius: 0.3em; border: 0.06em solid #808080; }   .menuword{ margin-right:0.3em; }  @media only screen and (max-width: 825px){   #mainmenu { font-size:0.8rem; }  }     @media only screen and (max-width: 650px){  #mainmenu { font-size:0.65rem; } #map { top:100px; } }  @media only screen and (max-width: 550px){ .menuword { display:none; }  #title_img{ height:60px; margin-top:10px; }  #mainmenu { font-size:1.0rem; }  }   @media only screen and (max-width: 370px){ .menuword { display:none; } #animateDiv{ left:1px; }  #title_img{ height:50px; margin-top:10px; }  #mainmenu { font-size:0.8rem; }  }