body {
  /* min-height: 2000px; */
   padding-top: 100px;
}

#helpNav {
   /* margin-top: 100px; */
   /* overflow:auto;
   height:70vh;  */
   /* max-height:100%; */
   word-wrap: break-word;	 
}

.helpNavbar {
	background-image: url(images/school_471_lnd_wide-002.jpg);
	background-size: 100% 100%;
	color: #fff;
}
.helpTitle {
	  text-align: center;
}


.jumbotron {
  padding: 12px 6px;
  background-image: url(images/school_471_lnd_wide-002.jpg);
  background-size: 100% 100%;
  /* margin-bottom: 30px; */
  color: #fff;
 /* background-color: #eee; */
}
.vertical-center {
  /* min-height: 15%;  */ 	/* Fallback for browsers do NOT support vh unit */
  /* min-height: 15vh; */ 	/* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.results {
	max-width:300px;
}

.search-container {
	max-width:300px;
}

.container {
	max-width:100%;
}



div.redirect {
 width: auto;    
 font-family: Arial Black;    
 color: #000000;    
 background-color: #74BBF5;    
 border: 1px solid #ebebeb;    
 padding: 0 0 15px 30px;    
 border-radius: 4px;    
 line-height: 1.15em;    
 word-wrap: break-word;    
 margin-bottom: 12px;    
 margin-top: -100px;
}

div.example {
 width: auto;       
 color: #000000;    
 background-color: #74BBF5;    
 border: 1px solid #ebebeb;    
 padding: 1.2em;    
 border-radius: 4px;    
 line-height: 1.15em;    
 word-wrap: break-word;    
 margin-bottom: 12px;    
}

.toc-hover {
  z-index: 1060;
}

.fade {
opacity: 0;
-webkit-transition: opacity 2.25s linear;
  -moz-transition: opacity 2.25s linear;
   -ms-transition: opacity 2.25s linear;
	-o-transition: opacity 2.25s linear;
	   transition: opacity 2.25s linear;
}

.bs-docs-sidenav li>a{padding:3px 5px}
.bs-docs-sidenav li.active>a{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#08c}
.bs-docs-sidenav li ul{margin-left:10px} 

.navbar-inverse {
  background-color: #222; 
  border-color: #080808;
}

/* Just change 991px (sm) to 1199px for md sizes. */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
        height:10px;
    }
.helpTitle {
	font-size:130%;
}
.navbar-brand {
	font-size:inherit;
}
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

