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

body {
padding-bottom: 40px;
margin-top: 10px;
color: #5a5a5a;
font-family: 'Droid Sans', sans-serif;
font-size: 15px;
}

.alt {
  background-color: #ecafa7;
}

.bs-docs-masthead, .bs-docs-header, .bottom_tag {
position: relative;
padding: 10px 10px;
color: #AFBD22;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
background-color: #000;

}



.bottom_tag h1 {
font-size: 30px;
line-height: 1
}

.head { margin-top: 10px;}

h1.head_name { font-family: 'Droid Sans', sans-serif; font-weight: 700; }



/* 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 {
margin-bottom: 30px;
border: 1px solid #000
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  position: static;
}

/* Declare heights because of positioning of img element */
.carousel .item {

}
.carousel-inner > .item > img {
}


.carotag {
padding: 5px 5px;
color: #AFBD22;
text-align: center;
background-color: #000;
font-family: 'Droid Sans', sans-serif; font-weight: 700;

}

h4 {font-family: 'Droid Sans', sans-serif; font-weight: 700;}




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


@media (min-width: 950px) {


/* Carousel base class */
.carousel {
margin-top: 60px;
margin-bottom: 60px;
width: 895px;
}

/* 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;
  }
}

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