/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set widths on the navbar form inputs since otherwise they're 100% wide */
.navbar-form input[type="text"],
.navbar-form input[type="password"] 
	width: 180px;
}

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

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Let the jumbotron breathe */
	.jumbotron {
		margin-top: 20px;
	}

	.jumbo-es {
		background-color: #b3def7;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		border-radius: 10px; 
	}

	.jumbo-ps {
		background-color: #fab05e;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		border-radius: 10px; 
	}

	.jumbo-psdocs {
		background-color: lightgrey;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		border-radius: 10px;  
	}

	/* Remove padding from wrapping element since we kick in the grid classes here */
	.body-content {
		padding: 0;
	}
}