/* Carousel base class */
.carousel {
  height: 700px;
  margin-bottom: 60px;
  
 
  
}

.logotipo{
  
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 1))
  drop-shadow(0 0 16px rgba(255, 255, 255, 0.8))
  drop-shadow(0 0 16px rgba(255, 255, 255, 0.8))
  drop-shadow(0 0 32px rgba(255, 255, 255, 0.6))
  drop-shadow(0 0 32px rgba(255, 255, 255, 0.6));
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  color:#483223;
}
.titulo-texto{
  margin-top: 5%;
  text-shadow: 0 0 4px rgba(255, 255, 255, 1),0 0 4px rgba(255, 255, 255, 1),0 0 4px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 0.8), 0 0 16px rgba(255, 255, 255, 0.6),0 0 8px rgba(255, 255, 255, 0.8), 0 0 16px rgba(255, 255, 255, 0.6),0 0 8px rgba(255, 255, 255, 0.8), 0 0 16px rgba(255, 255, 255, 0.6), 0 0 32px rgba(255, 255, 255, 0.4) !important;
}

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





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

@media (min-width: 768px) {
 
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}



@media screen and (max-width : 768px) {    

.carousel-caption > h1{
	font-size: 31px;
}
}

@media screen and (max-width : 468px) {    

.carousel-caption > h1{
	font-size: 21px;
}	

}