/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);


body {
    background-color: #f2f2f2;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

.container-full {
      margin: 0 auto;
      width: 100%;
      min-height:100%;
      color:#eee;
      overflow:hidden;
      display: table;
}

.v-center {
      display: table-cell;
      vertical-align: middle;
      float: none;
}

.row.no-gutter .row [class*="col"]{
    padding-top:15px;
    padding-bottom:15px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway";
    font-weight: 300;
    color: #333;
}

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.mt {
    margin-top: 40px;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* WRAP SECTIONS */
.header {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.header h1 {
    font-size: 56px;
    font-weight: 700;
    color:#3F3F3F;
}

/* Nav Bar */

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

.nav-arrows{
    color:#ffffff;
    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{
    color:#ffffff;
    text-decoration: none;
    opacity:0.7;
}

.nav-arrows:active,.nav-arrows:focus,.nav-arrows:visited{
    color:#ffffff;
    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 */

#toc{
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 */
z-index:888;
display: none;
}

#toc.vis{
display: block;
}

#toc li{
    list-style: none;
    height: 20%;
    min-height: 120px;
    background:white;
    border-bottom:1px solid black;
}

/* 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%;
}