#navtoggle-button { color: #fff; position: fixed; top: 0px; right: 15px; xpadding: 1em; cursor: pointer; 
    background-color: #337ab7; text-align: center; border: 1px solid #2e6da4; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-bottom: 0px; border-right: 0px; z-index: 100; 
    height: 50px;
    width: 50px;
    line-height: 50px;
    }
#navtoggle-button:hover { background-color: #286090; border-color: #204d74; }

#nav { display: none; position: fixed; height: 100%; top: 0px; right: 0px; border-left: 1px solid #e0e0e0; 
    background-color: #fafafa; color: #111; z-index: 99; overflow: auto; width: 400px; }
    
#navclose { color: #222; cursor: pointer; font-size: 24px; text-align: right; }
#navclose:hover { color: #aa0000; }

#navlogout { color: #222; cursor: pointer; font-size: 24px; text-align: right; }
#navlogout:hover { color: #aa0000; }

#nav .navbox { width: 48%; display: inline-block; vertical-align: top; }

#mininav { 
    xdisplay: none; 
    position: fixed; 
    xheight: 100%; 
    top: 0px; 
    left: 0px; 
    background-color: #fafafa; 
    color: #111; 
    z-index: 99; 
    overflow: auto; 
    width: 100%;
    opacity: .8; 
}

#mininavvp div {
    
    display: inline-block;
    width: 22%;

}

#quicknav { 
    /*border: 1px solid red;*/
    position: fixed;
    bottom: 0px;
    width: -webkit-fill-available;
    /*margin: auto;*/
    text-align: center;
    z-index: 100;
}
.quickbutton {
    font-family: "Oswald", sans-serif; 
    color: #fff; 
    cursor: pointer; 
    background-color: #337ab7; 
    text-align: center; 
    border: 1px solid #2e6da4; 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px; 
    border-bottom: 0px; 
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 20px;
    padding-left: 18px; padding-right: 18px;
}
.quickbutton:hover { background-color: #286090; border-color: #204d74; }