html,body {
    height:100%;width:100%;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pagemeta{
    display: none;
}

.nopad{
    padding:0;
}

.nomar{
    margin:0;
}

.no-mobile{
display:block;
}

.no-desk{
display:none;
}

/* Nav Bar */

#navBar{
    position:fixed;
    width:100%;
    height:70px;
    bottom:0px;
    text-align:right;
    z-index:999;
    padding:0 10px;
}

.nav-arrows{
    font-size: 24px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-arrows:hover{
    text-decoration: none;
    opacity:0.7;
}

.nav-arrows:active,.nav-arrows:focus,.nav-arrows:visited{
    text-decoration: none;
}

.nav-arrows span{
padding:23px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Table of Contents */

#menu{
position: absolute;
overflow: auto;
left: 0;
top: 0;
width:100%;
height: calc(100% - 70px);
height: -o-calc(100% - 70px); /* opera */
height: -webkit-calc(100% - 70px); /* google, safari */
height: -moz-calc(100% - 70px); /* firefox */
background:#333333;
z-index:888;
display: none;
}

#menu.vis{
display: block;
}

#toc{
position: absolute;
overflow: auto;
right: 0;
top: 0;
width:calc(100% - 300px);
height: 100%;
}

#toc li{
    list-style: none;
    height: 20%;
    min-height: 120px;
    background:white;
}

/* one item */
#toc li:nth-child(1):nth-last-child(1) {
    height: 100%;
}

/* two items */
#toc li:nth-child(1):nth-last-child(2),
#toc li:nth-child(2):nth-last-child(1) {
    height: 50%;
}

/* three items */
#toc li:nth-child(1):nth-last-child(3),
#toc li:nth-child(2):nth-last-child(2),
#toc li:nth-child(3):nth-last-child(1) {
    height: 33.3333%;
}

/* four items */
#toc li:nth-child(1):nth-last-child(4),
#toc li:nth-child(2):nth-last-child(3),
#toc li:nth-child(3):nth-last-child(2),
#toc li:nth-child(4):nth-last-child(1) {
    height: 25%;
}

/* five items */
#toc li:nth-child(1):nth-last-child(5),
#toc li:nth-child(2):nth-last-child(4),
#toc li:nth-child(3):nth-last-child(3),
#toc li:nth-child(4):nth-last-child(2),
#toc li:nth-child(5):nth-last-child(1), {
    height: 20%;
}


/*xs*/
@media(max-width:767px){
    .no-mobile{
    display:none;
    }

    .no-desk{
    display:block;
    }
}

/*sm*/
@media(min-width:768px){
    .no-mobile{
    display:none;
    }

    .no-desk{
    display:block;
    }
}

/*md*/
@media(min-width:992px){
    .no-mobile{
    display:block;
    }

    .no-desk{
    display:none;
    }
}

/*lg*/
@media(min-width:1200px){
    .no-mobile{
    display:block;
    }

    .no-desk{
    display:none;
    }
}