/* Remove the navbar's default margin-bottom and rounded borders */ 
#top {padding-top: 4.5rem;}
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}
.dropdown-menu {
  color: #000000;
  list-style: decimal;
  padding: 3px 20px;
  visibility:hidden;
}
.dropdown-toggle > span.caret {visibility:hidden;}

.logo {
  padding:0px;
  margin:0px;
}
/* Show it is fixed to the top */
body {
  min-height: 75rem;
  padding-top: 4.5rem;
  margin-left: 35rem;
}

img {
  margin-bottom:1em;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
  list-style: decimal;
  padding-top: 5.5rem;
  background-color: #f1f1f1;
  height: 100%;
  text-align: left;
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
}

.sublist {
  list-style:upper-latin;
  padding-left:1.5em;	
}
.sublist-2 {
  list-style: lower-alpha;
  padding-left:1.5em;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
	.dropdown-menu {
	  color: #999999;
	  list-style: decimal;
	  padding: 3px 20px;
	  visibility: visible;	  
	}
	.dropdown-toggle > span.caret {visibility:visible;}
	.dropdown-menu > li {
	  list-style: decimal;	
	}
	.dropdown-menu > li > a {
	  text-decoration: none;
	  display: block;
	  padding: 3px 20px;
	  clear: both;
	  font-weight: 400;
	  line-height: 1.42857143;
	  color: #333333;
	  white-space: nowrap;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
	  color:#ffffff;
	  text-decoration: none;
	  background-color:#666666;
	  display:block;
	  clear: both;
	  font-weight: 400;
	  line-height: 1.42857143;
	  white-space: nowrap;	  
	}
	.navbar-collapse .navbar-nav .dropdown .dropdown-menu > li > a:hover,.navbar-collapse .navbar-nav .dropdown .dropdown-menu > li > a:focus, .navbar-collapse .navbar-nav .dropdown .dropdown-menu > li > a:active {
	  color:#ffffff;
	  text-decoration: none;
	  background-color:#666666;
	  display:block;
	  clear: both;
	  font-weight: 400;
	  line-height: 1.42857143;
	  white-space: nowrap;	  
	}
	.dropdown-menu-sublist-1 {
	  list-style:upper-latin;
	  padding-left:1.5em;
	  text-decoration: none;
	}
	.dropdown-menu-sublist-2 {
	  list-style: lower-latin;
	  padding-left:1.5em;
	}
	.dropdown-menu-sublist-1 > li > a, .dropdown-menu-sublist-2 > li > a{
	  color:#999999;
	  text-decoration: none;
	  display: block;
	  padding: 3px 20px;
	  clear: both;
	  font-weight: 400;
	  line-height: 1.42857143;
	  white-space: nowrap;
	}
	.dropdown-menu-sublist-1 > li > a:hover, .dropdown-menu-sublist-2 > li > a:hover{
	  color:#ffffff;
	  text-decoration: none;
	  background-color:#666666;
	  display:block;
	  clear: both;
	  font-weight: 400;
	  line-height: 1.42857143;
	  white-space: nowrap;
	}
	.dropdown-menu-sublist-1 > li > a:visited, .dropdown-menu-sublist-2 > li > a:visited{
	  text-decoration: none;
	}

 
	.sidenav {
	  height: auto;
	  padding: 15px;
	  text-align: center;
	  position: relative; /* Fixed Sidebar (stay in place on scroll) */
	  z-index: 1;  /*Stay on top */
	  top: 0; /* Stay at the top */
	  left: 0;
	  overflow-x: hidden; /* Disable horizontal scroll */
	}
	body {
	  min-height: auto;
	  padding-top: auto;
	  margin-left: auto;
	}
	ol, ul, li {
	  text-align: left;	
		
	}
    .row.content {height:auto;} 
	.thumbnail{width:325px;}
}

@media screen and (min-width: 2601px){

	.thumbnail{width:550px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 250px;
	}
		
}

@media screen and (min-width: 2201px) and (max-width: 2600px){

	.thumbnail{width:550px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 200px;
	}
		
}
@media screen and (min-width: 1801px) and (max-width: 2200px){

	.thumbnail{width:550px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 150px;
	}
		
}
@media screen and (min-width: 1701px) and (max-width: 1800px) {

	.thumbnail{width:550px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 110px;
	}
		
}
@media screen and (min-width: 1400px) and (max-width: 1700px) {

	.thumbnail{width:550px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 80px;
	}
	.col-sm-3{width:405px}
		
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {

	.thumbnail{width:450px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 20px;
	}
	.col-sm-3{width:345px}
		
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.thumbnail{width:325px;}	
	.col-sm-9{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	}
	.col-sm-3{width:325px}
		
}