/* Carousel base class */
/*.carousel {
  margin-bottom: 60px;
}*/
/* Since positioning the image, we need to help out the caption 
.carousel-caption {
  z-index: 10;
}


.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}*/


/* RESPONSIVE CSS
-------------------------------------------------- 
*/
.item h1, .h1 {
        font-weight: 100;
    }
@media (min-width: 768px) {
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21pt;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50pt;
  }
    .item h1, .h1 {
        font-size: 60pt;
        font-weight: 100;
    }
  .item p {
    font-size: 18pt;
    letter-spacing: 1px;
font-weight: 100 !important;
  }
  
}

@media (max-width: 820px) {
  .item h1 {
    font-size: 40pt;
  }
  .item p {
    font-size: 16pt;
  }
}
@media (max-width: 700px) {
    .item h1 {
        font-size: 30pt;
    }
    .item p {
        font-size: 14pt;
    }
    .carousel-indicators li {
        width: 5px;
        height: 5px;
    }
}


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

.carousel .item {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.carousel .next {
    opacity:0;
}
.carousel .prev {
    opacity:0;
}