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

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}
*/

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

/* Special class on .container surrounding .navbar, used for positioning it into place. 
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}*/

/* Flip around the padding for proper display in narrow viewports 
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
*/

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

/* Carousel base class */
.carousel {
	height: 327px;/*  margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	left: 600px;
	bottom: 130px;
	text-shadow:none;
	padding-bottom:50px;
	right:0px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 327px;
}
.carousel-inner > .item > img {
	position:relative;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 327px;
}
.carousel-caption h1 {
	color: #232323;
	/* font-size: 1.5em; */
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font-weight: 700;
	text-align: left;
}
.carousel-caption p {
	font-size: 13px !important;
	text-align:justify;
	color: #1F1F1F;
	height: auto;
}

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

@media (min-width: 768px) {
  /* Navbar positioning foo
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  } */

  /* The navbar becomes detached from the top, so we round the corners 
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .featurette-heading {
    font-size: 50px;
  }*/

  /* Bump up size of carousel content */
  .carousel-caption p {
}
}
@media screen and (min-width: 1050px) {
 .carousel-caption {
 left: 600px;
}
}
@media screen and (min-width: 1145px) {
 .carousel-caption {
 left: 700px;
}
}
@media screen and (min-width: 1260px) {
 .carousel-caption {
 left: 800px;
}
}
 @media screen and (max-width: 966px) {
 .carousel-caption {
 left: 500px;
}
}
 @media screen and (max-width: 851px) {
 .carousel-caption {
 left: 400px;
}
}
 @media screen and (max-width: 767px) {
 .carousel-caption {
 left: 350px;
}
}
 @media screen and (max-width: 702px) {
 .carousel-caption {
 left: 350px;
 right: 20px;
}
}
@media screen and (max-width: 651px) {
 .carousel-caption {
 z-index: 10;
 left:0px;
 bottom:0px;
 text-shadow: none;
 padding: 50px;
 right: 0px;
 background: rgba(255, 255, 255, 0.5);
}
}
@media screen and (max-width: 346px) {
 .carousel-caption h1 {
font-size: 1.2em;
}
}