ul li{
  display: inline;
}
.pagebody{
	
	padding-top:100px!important;
}


#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
}
.pagebody{
	padding-top: 50px;
	
}


.navbar-default .navbar-brand{
	
	font-size: 2em;
white-space:nowrap;
	padding-right:15px;
	padding-top:15px;

	
}


.panel-body{
	color:black;
	
}

@media all and (max-width: 659px) and (min-width: 300px) {

	.carousel-caption{
		padding-top: 50px;
		padding-bottom:0px;
	}
	 .carousaltext{
		
		
		font-size: .65em;
	}
.jumbotron{
		
		padding-top:40px;
		padding-left:5px;
		padding-right:5px;
	}
	
.navbar-default .navbar-brand{
	
	font-size: 1.2em;
white-space:nowrap;

	
}

}

@media (min-width: 800px) {  
	
.pagebody{
	padding-left: 75px;
		padding-right:75px;
	
}
	
	
}

@media (min-width: 799px) {  
	
.navbar-nav>li>a
	{
		padding-top:20px!important;
		padding-bottom:20px!important;
		
	}
.pagebody{
	padding-left: 35px;
		padding-right: 35px;
	
}
	
	
}

.pagebody{
	height: 100%;
}

body, html { overflow-x:hidden!important; }


<!--footer-->



/* Set the fixed height of the footer here */
.footer {
  height: 60px;
  background-color: #f5f5f5;
}