body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	min-height: 100vh;
	background: #dcdcdc;
	color: #333;
}

#navbarSupportedContent {
	margin-top: auto;
}

nav.navbar {
	background-color: #2864a0;
	color: white;
}

nav div.container-fluid {
	max-width: 1140px;
}

a.navbar-brand {
	display: inline-block;
}

ul.navbar-nav { margin: 0 auto; }

li.nav-item {
	padding: 0;
	margin: 0 0.5rem;
}

li.nav-item a {
	font-size: 1rem;
}

div.dropdown-menu a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #2864a0;
	font-size: 0.9rem;
}

footer {
	font-weight: 400;
	font-size: 1rem;
}

a.nav-link {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: white!important;
	padding: 0rem 0rem; important!
}
footer {
	color: #FFF;
}

img#logo { min-height: 100px; }

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	color: #2864a0;
	letter-spacing: 1px;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
	border-color: rgb(255,255,255);
}

div#mainContent {
	background-color: #FFF;
}

.image{
	position:relative;
	overflow:hidden;
	padding-bottom:100%;
}

.image img{
	position:absolute;
}

#header img {
	max-width: 1140px!important;
}

footer { margin-top: 3rem; }

.ca-article { width: 100%!important; }

.details {
  color: #007bff;
  font-size: smaller;
  font-style: italic;
}

#mainContent div.container {
	padding: 0;
}

.table-responsive {
	margin-left: 15px!important;
	margin-right: 15px!important;
}
.photoCredit {
	text-align: right;
	font-size: smaller;
	margin-top: -10px;
}
.opening_paragraph {
	color: #2864a0;
	font-size: 1.25rem;
	padding: 1rem 0;
	margin: 0 auto;
}
.text-outline {
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.ribbon {
	color: white;
	opacity:1
}
.btn.btn-danger {
	font-weight: bold;
	display: inline;
	text-decoration: none!important;
}
.card {
	height: 100%;
}

