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

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

.content {

}

.carousel-control {
  color:#212121;
  width:10%;
}

.carousel-control:hover,.carousel-control:focus  {
  color:#000000;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.carousel-caption .content > h2 {
   font-size:1.8em;
   text-align : center;
   color : #2c64a3;
}

.carousel-caption .content > h3 {
   font-size:1.2em;
   text-align : center;
   font-weight:700;
}

.carousel .item .slide > img {
   width : 100%;
   height : auto;
}

.carousel .item .slide .caption {
   font-size:0.8em;
   margin-top : 2px;
   padding : 4px;
   background-color: #111111;
   color : #F1F1F1;
}


.carousel-indicators {
   visibility : hidden;
}

/* Declare heights because of positioning of img element */
.carousel .item .slide {
/*  height: 480px;*/
  width : 80%;
  max-width: 720;
  margin : auto;
  background-color: #fff;
}

.play {
  text-align:center;
}

@media all and (min-width: 768px) {
.carousel-caption .content > h2 {
   font-size:2.8em;
}

.carousel-caption .content > h3 {
   font-size:1.8em;
}

.carousel-caption .content > p > img {
   width : 5em;
}

.carousel-caption .content > p {
   font-size:1.4em;
}
.carousel-caption .content > ol > li {
   font-size:1.2em;
}

.carousel {
  margin-left : 5px;
  margin-right : 5px;
}
}