.carousel {
  height: 500px;
  margin-bottom:15px;
  margin-top:-20px;
  clear: both;

}
.carousel .carousel-indicators{ display:none}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-shadow:none;
  background-color: rgba(0,0,0,0.4);  padding:15px;
  
}
.carousel-caption.caption-one{ left: 14%; bottom: 24%; max-width: 600px; }
.carousel-caption.caption-two{ left: auto; bottom: 24%;  max-width: 600px; right: 12%;}
.carousel-caption.caption-three{ left: 14%; bottom: 38%; max-width: 600px;}

/*.carousel.mainCarousel .carousel-caption.caption-three h1{font-family: 'exoregular'; font-weight:400; font-size:60px; color:#2f2f2f; text-transform: uppercase; letter-spacing:11px; margin:0;}
.carousel.mainCarousel  .carousel-caption.caption-three p{font-family: 'exoregular'; font-weight:400; font-size:25px; color:#2f2f2f; text-transform: uppercase;}*/

.carousel .carousel-caption h1{font-family: 'Roboto', sans-serif; font-weight:700; font-size:44px; margin:0;}
.carousel .carousel-caption p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px;}
.carousel .carousel-caption	.btn.btn-primary{font-family: 'exoregular'; font-weight:normal; text-transform:uppercase; font-size:16px; background-color:#ff6d6d; border-color:#ff6d6d; padding: 10px 25px;}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

.carousel .carousel-control{ width:8%}
.carousel .carousel-control .ion{   font-size: 40px;
    position: absolute;
    top: 47%;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



  /* 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: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


@media (min-width: 768px) {
photogallery  .carousel-control {
    padding-top:8%;
    width:5%;
}    
}

@media (min-width: 992px) {
.photogallery  .carousel-control {
    padding-top:9%;
    width:5%;
}
}

@media (min-width: 1200px) { 
.photogallery  .carousel-control {
    padding-top:10%;
    width:5%;
}
}