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

body {
  color: #5a5a5a;
}
main{
	padding-top:50px;
}

h5{
	font-weight:bold;
	padding-top:.5em;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
/*.navbar-wrapper {
  position: relative;
  z-index: 15;
}*/
.navbar{
	margin-bottom:0;
}
.navbar-brand {
	padding: 7px 15px;
	margin-left:-2px;
}
#navmain.affix {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #f8f8f8;
	border-color: #e7e7e7;
	z-index: 1030;
}

  .lead {
    font-size: 21px;
  }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
  .carousel {
  margin-bottom: 30px;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -120px;
  margin-top: 0px;
}

#myCarousel {
  background-color: #000;
  /*padding-top:100px; if using affix for navbar*/
}
.myCarousel-caption {
  text-align: left;
  left:1%;
  right:70%;
  top:20%;
  bottom:0;
}

.myCarousel-caption h2 {
	text-transform:uppercase;
	font-weight:bold;
}
.myCarousel-caption span{
	padding-bottom:0;
	font-size:1.25em;
	color: #ddd;
	font-weight: normal;
	margin-bottom:-1em;
}
.img-thumbnail{
	width:100%;
}

#carousel2 {
	margin-top:20px;
}

#controlnext {
  padding-top:10%;
  width:5%;
}

#controlprev {
  padding-top:10%;
  width:5%;
}
.caption2 {
bottom:0;
padding-bottom:10px;
}

	.home-intro{
		margin-bottom: 0;
	}

/* Alphabet A-Z
------------------------- */

	.fulljustify {
	  text-align: justify;
	}
	.fulljustify:after {
	  content: "";
	  display: inline-block;
	  width: 100%;
	}

/* Videoplayer
------------------------- */
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 1em;
}

.vid iframe,
.vid object,
.vid video,
.vid embed {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.featurette-heading{
font-weight:500;
margin-top:0;
line-height: 1;
letter-spacing: -1px;
}

	.featurette-heading h3, .home-intro h3{
		text-transform: uppercase;
	}
	
.home-intro a{
	font-weight: 500;
}
.home-intro span{
	font-weight: normal;
	text-transform:none;
}


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

@media (min-width: 768px) {
body {
  padding-bottom:70px;
}
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

	main{
		padding-top:100px;
	}

}

	@media (max-width: 1400px){
	.front{
		width:80%;
	}
	}

@media (min-width: 992px) {

  .featurette-heading {
    font-size: 40px;
  }
  
.featurette-divider {
  margin: 50px 0; /* Space out the Bootstrap <hr> more */
}  
	.navbar-collapse {
		margin-left:0;
		padding-left:0;
	}
	.navbar-brand {
		padding: 7px 15px 7px 0px;
	}
	#navTop-collapse {
		margin-left:-13px;
	}
	#nav-search {
		margin-right:-30px;
	}
}
	
@media (min-width: 1280px) {
.myCarousel-caption h2 {
	padding-bottom:.825em;
}
}

@media (max-width: 1279px) {
  .featurette-heading {
    font-size: 30px;
  }

  .lead {
    font-size: 18px;
  } 
}

@media (max-width: 992px) {
.myCarousel-caption {
  right:60%;
}

}

@media (max-width: 767px) {
.myCarousel-caption {
  right:50%;
}
  
.myCarousel-caption h2{
	font-size: 24px;
  }  		
}
@media (min-width: 600px) and (max-width: 767px) {
.col-xs-6{
  width:33.333%
}

}
@media (max-width: 460px) {
.col-xs-6 {
    width: 100%;
}	
.myCarousel-caption h2{
	font-size: 16px;
  }  		
.myCarousel-caption {
  right:50%;
  top:7%;
}
}