.text-shadow {
  text-shadow: 2px 2px 2px #333333;
}

/*@media (max-width: 979px) {
  #myCarousel {
  height: 50%;
 }

 #myCarousel.carousel img {
  width: 100%;
  height: auto;
 }
}


@media (max-width: 470px) {
 #myCarousel {
  height: 50%;
 }

#myCarousel.carousel img {
  max-width:300%;
  width:100%;
 }
}*/

/* Things that we change in the bootstrap css */

.featurette-divider {
    margin: 40px 0;
}

.featurette-heading {
    margin-top: 40px;
}

/*.carousel .item {
    background-color: #FFFFFF;
}*/
 
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 50%;
}
/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}


/* http://bootply.com/64693 */
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}


/* responsive font sizing */
.responsive-h1 { font-size:16px;}

@media only screen and (min-width: 400px) {
.responsive-h1 { font-size:22px;}
  .carousel-caption p {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1;
  }
}



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

@media (min-width: 700px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

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

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

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

  .responsive-h1 { 
    font-size:36px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

.uplink {
	font-size=5;
}