/* Body spacing */
body {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header, .marketing, .footer {
	padding-right: 0;
	padding-left: 0;
}

/* Page header */
.header {
	padding-bottom: 20px;
	border-bottom: 1px solid #00849E;
}

.marketing a, .news a {
	color: #00849E !important;
}

.header nav {
	margin-left: auto;
	margin-right: auto;
}

.header nav ul {
	text-align: center;
}

.header nav li {
	display: inline-block;
	float: none;
}

/* Logo */
.header p#logo {
	text-align: center;
}

.header p#logo img {
	float: none;
	width: 350px !important;
}

/* Content */
.marketing {
	margin: 20px 0;
}

/* News */
.news .row.marketing {
	margin-top: 0;
	margin-bottom: 0;
}

.marketing .col-md-6 {
	padding-left: 0;
	padding-right: 30px;
}

.news {
	padding: 0 15px;
}

.news .row {
	padding-top: 0;
}

.news h3 {
	padding-top: 1px;
}

/* Images in content */
.container img {
	padding-bottom: 10px;
}

/* Custom page footer */
.footer {
	text-align: center;
	padding-top: 15px;
	color: #333;
	border-top: 1px solid #00849E;
}

/* Responsive */

@media screen and (max-width: 500px) {
	
	.header #logo img {
		width: auto;
		max-width: 100%;
	}
	
	.header nav ul {
		text-align: left;
	}
}

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

	/* Images in content */
	.container img {
		float: right;
		padding: 0px 0px 10px 10px;
	}

}

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

	/* Everything but the jumbotron gets side spacing for mobile first views */
	.header, .marketing, .footer {
		padding-right: 15px;
		padding-left: 15px;
	}

	.container {
		max-width: 730px;
	}

	/* Remove the padding we set earlier */
	.header, .marketing, .footer {
		padding-right: 0;
		padding-left: 0;
	}
	
	/* Space out the masthead */
	.header {
		margin-bottom: 20px;
	}

}