

.navbar {
	padding: 1rem 1rem;
}

.navbar-brand {
	font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color:  white;
}

.navbox {
	font-family: 'Pragati Narrow';
	font-size: 1.15em;
    vertical-align: middle;
    margin-top: 0.75%;
    text-transform: uppercase;
    letter-spacing: 0.25em;
}

.navbox a {
	color: white;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link {
	color:  whitesmoke;
}

.navbar-toggler {
	color:  white;
}

.navbox a:hover {
	text-shadow: 5px 2px yellow;
	text-decoration: none;
}

.navbox a.selected {
	text-shadow: 5px 2px yellow;
	border-width: 0px 0px 1px 0px;
	border-style: double;
	border-color: coral;
}

.lost {
	font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color: white;
}

.lost2 {
	font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color: white;
  font-size: 1.3rem;
}

.deets > h2.fw-normal.lost {
	color: white;
}


.blackBg {
	background-color:  black;
}

.text-body-secondary {
	color:  whitesmoke !important;
}

main {
	background:  skyblue;
}


.featurette-heading {
	color:  white;
}

.lead {
	color:  white;
	/*background: rgba(0,0,0,0.5);*/
	/*background-image: linear-gradient(to top, black , transparent);*/
	border-top:  1px solid white;
	padding:  2%;
	font-family: "Tajawal", sans-serif;
	font-size:  1.5rem;
}

p.lead.lost {
	border-top:  0px;
}

.deets {
	background:  black;
	padding:  2%;
	color:  white;
}

.still1 {
	background-image: url("../images/still1.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 800px;
  /*filter: saturate(0.25);*/
}

.still2 {
	background-image: url("../images/still2.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 800px;
  /*filter: saturate(0.25);*/
}

.still3 {
	background-image: url("../images/still3.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 800px;
}

.still4 {
	background-image: url("../images/still4.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 800px;
}

.still5 {
	background-image: url("../images/still5.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 800px;
}


.bg-black {
	background-color:  black;
}




/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 3rem;
}



/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


@media screen and (max-width: 768px) {
	.mobC {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}
	.lead {
		font-size:  1.25rem;
	}
	#about .lead {
		font-weight:  400;
	}
	.still4 {
		height:  1400px;
	}
	.deets {
		margin-bottom:  5%;
	}
}



















