/* Move down content because we have a fixed navbar that is 50px tall */
body
{
	margin:0;
	padding: :0;
	padding-bottom:50px;
	line-height: 1;
}

 /*Wrapping element Set some basic padding to keep content from hitting the edges */
.body-content
{
	padding-left: 15px;
	padding-right: 15px;		
}

#BodyContent
{
	background-color: Transparent;
}

.container
{
	/* background-color: Transparent;*/
	/* margin-top:50px; */
	/*padding:10px;*/
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;*/
}
.container .jumbotron
{
	background-color: Transparent;
	margin-top:50px;
	padding:10px;	
}

.Transpa {
	/*background-color:rgba(250,235,215,0.90);*/
	background-color: Transparent;
	padding:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
}

#Tabs
{
	background-color:rgba(250,235,215,0.90);
	padding:10px;
}

.panel
{
   /*background-color:rgba(250,235,215,0.90); */
   padding-top:10px;   
}

.panel-title {
	/*background-color:rgba(250,235,215,0.90);*/
	font-weight: bold;	
}

/* Override the default bootstrap behaviour where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal dt
{
	white-space: normal;
}

/*.jumbotron
{
	margin-top: 30px;
	padding: 2px;
	background-color:rgba(250,235,215,0.90);	
}*/

@media all and (orientation: portrait)
{
	div.background-holder img
	{
		height: 50vh;
		width: 100vw;		
	}
}

@media all and (orientation: landscape)
{
	div.background-holder img
	{
		width: 100vw;
		height: 50vh;
	}
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px)
{
	.jumbotron
	{
		/*background-color:rgba(250,235,215,0.90);*/
		background-color: Transparent;
		margin-top: 30px;
		padding: 2px;		
	}

	.body-content
	{
		padding: 0;		
	}
}