body {
	font-family:"Helvetica Neue", Arial, sans-serif;
      font-weight:200;
      -webkit-font-smoothing:antialiased;
      background-color: #f1f1f1;
}

h2 {
	font-weight: 400;
}

h3 {
	font-weight:300;
}

header {
  margin-top: 55px;
}

@media (min-width: 768px) {
	header {
  margin-top: 55px;
}
}

.about {
	padding-top: 1em;
	padding-bottom: 1em;
}

@media (min-width: 768px) {
	.about {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

@media (min-width: 1200px) {
	.about {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}

.aboutsub {
	padding-bottom: 1em;
	padding-top:2em;
	text-align:center;
}

.bg-white {
	background-color: #fff!important;
}

.bg-dark {
	background-color: #000!important;
}

.bg-light-trans {
  background-color: rgba(200, 200, 200, 0.4);
}

.bio-img {
	margin: 0 auto;
	width: 100%;
	max-width: 350px;
	height: 250px;
	background-size: 100%;
  	background-position: center top;
  	background-repeat: no-repeat;
  	overflow: hidden;
}

.biopic {
	width: 100%;
	padding-bottom: 0em;
	text-align: center;
}

.blog-date {
	padding-bottom:.5em;
}

.blog-more-text {
	display: none;
}

.blog-read-more {
	font-weight:400;
	display:block;
	width:100%;
	text-align:center;
}

.blog-read-less {
	font-weight:400;
	display:none;
	width:100%;
	text-align:center;
}

.blog-read-less-bottom {
	float:right;
	font-weight:400;
}

.blog-read-less-bottom a {
	text-decoration: none;
	color:black;
}

.blog-spacer {
	background-color: #f1f1f1;
}

.blog-text {
	margin:1em 2.5em 1em 2.5em;
	text-align:justify;
}

.blog-white {
	background-color: #fff;
	padding:0;
}

@media (min-width: 992px) {
    .board-container{
        max-width: 800px!important;
    }
}

.btn-donate {
	color:#444;
	background-color: #febf03;
	border-radius:5px;
	padding: 10px;
}

.btn-donate:hover {
	color:#888;
}

.carousel-indicators {
  bottom:-50px;
}

.carousel-inner {
   margin-bottom:50px;
}

.carousel-control {
	font-size:4em;
	margin: 5px 10px;
	background-color: rgba(0,0,0,.5)!important;
	height:50px;
	margin-top:125px;
}

@media (min-width: 768px) {
	.carousel-control {
		margin-top:175px;
	}
}

@media (min-width: 992px) {
	.carousel-control {
		margin-top:225px;
	}
}

@media (min-width: 1200px) {
	.carousel-control {
		margin-top:275px;
	}
}

.carousel-control:hover {
	background-color: rgba(255,255,255,.5)!important;
}

.carousel-control-prev {
	margin-left:-0px;
	color: gray;
}

.carousel-control-next {
	margin-right:-0px;
}


.carousel-indicators li {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: .5px solid;
    border-color: #999;     
}

@media (max-width: 1199px) {
	.carousel-indicators li {
		display: none;
	}
}

.carousel-indicators .active {
     border-radius: 10px;
    width: 10px;
    height: 10px;
    background-color: #999;
}

.center {
	text-align: center;
}

.coming {
	height: 500px;
	margin-top: 200px;
	text-align: center;
}

.contact {
	margin: 0px 15px;
	margin-top: 20px;
	min-height: 240px;
}

.contact a {
	color: #ddd;
}

.contact a:hover {
	text-decoration: none;
	color: #fff;
}

@media (min-width: 992px) {
	.contact {
		margin: 0px 25px;
		margin-top: 50px;
	}
}

@media (min-width: 1200px) {
	.contact {
		margin-top: 80px;
	}
}

.container {
	background-color: #fff;	
}

.dark {
	background-color: #555;
	color: white;
}

.data-notes {
	margin: 0px auto;
	max-width: 600px;
	text-align: left;
}

.data-title {
	padding: 20px 0px;
}

.em-space {
	padding-bottom: 1em;
}

.foot {
	padding-top: 1em;
	padding-bottom: 1em;
}

.foot a {
	color:#fff;
}

.ft-caption {
	width:100%;
	background-color: rgba(0,0,0,.6)!important;
	bottom: 0;
	position: absolute;
	color: #fff;
}

.ft-cation-text {
	margin: 5px 10px;
	font-size: .7em;
}

@media (min-width: 768px) {
	.ft-cation-text {
		margin: 10px 50px;
		font-size: 1em;
	}
}

.ft-img {
	background-size: 100%;
  	height: 240px;
  	background-position: center center;
  	background-repeat: no-repeat;
  	overflow: hidden;
}

@media (min-width: 768px) {
	.ft-img {
		height: 400px;
	}
}

@media (min-width: 992px) {
	.ft-img {
		height: 500px;
	}
}

@media (min-width: 1200px) {
	.ft-img {
		height: 600px;
		
	}
}

.full-width {
	width:100%;
	text-align: center;
}

.gray {
	background-color: #ddd;
	text-decoration: none;
}

.gray a {
	text-decoration: none;
	color: #333;
}

.gray a:hover {
	color: #febf03;
}

.half {
	width:50%;
}

.lead {
	font-weight:200;
	font-size: 1.5rem;
}

.navbar {
	padding: 5px 10px;
	margin: 0px;
}

.nav-highlight {
	color:#444;
	background-color: #febf03;
	border-radius:5px;
	padding: 0px;
	font-weight: 400;
  	color: #fff;
  	padding-left:5px;
  	padding-right:5px;
}

.highlight-color:hover {
	color: #888!important;
}

.navbar-light .navbar-nav .nav-link {
	font-weight: 400;
  color: #fff;
  font-size: 1em;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #febf03;
}

.navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .nav-link:focus {
  color: #fff;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #febf03;
}

.navbar-mobile {
	color: #fff;
}

.navbar-mobile:hover {
	color: #febf03;
}

.navbar-title {
	font-size:1.3em; 
	
}

@media (max-width: 767px) {
	.navbar-title {
		display: none; 
	}
}

.navbar-toggler {
	border: 0px;
}

.nopad {
	padding-left: 0px;
	padding-right: 0px;
}

.nopad-bottom {
	margin-bottom: 0px;
}

.projects {
	padding-top:2em;
	padding-bottom:4em;
}

.projtext {
	margin: 0 10px;
	font-size: 1rem;
	
	height: 300px;
}

@media (min-width: 992px) {
	.projtext {
		margin: 0 40px;
		height:400px;
	}	
}

.simple-link a {
	font-weight: 300;
	text-decoration: none!important;
	color: #000!important;
}

.simple-link a:hover {
	color: #febf03!important;

}

table { 
	margin: 0px auto;
    border-spacing: 10px;
    border-collapse: separate;
}

.textbox {
	margin:0px;
	text-align: justify;
	padding-bottom: 30px;
}

@media (min-width: 992px) {
	.textbox {
		margin:15px;
	}
}

.title {
	padding: 20px;
	text-align: center;
}

.title-menu {
	color: #FFD331;
}

.top {
	background-image: url(jaguar.jpg);
	width: 100%;
  display: inline-block;
  position: relative;
  background-size: cover;
	
}

.top:after {
	padding-top: 50%;
  display: block;
  content: '';
}

.topcontent {
	position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  font-weight: 300;
  margin-top: 8%;
  margin-left:5%;
  margin-right:5%;
  text-align: right;
  font-size: 1.5em;
}

@media (min-width: 768px) {
	.topcontent {
		font-size: 2.5em;
	}
}

.year {
	padding:.5em;
	font-weight: 800;
	font-size: 2em;
}