/* ESTILOS GLOBAIS
-------------------------------------------------- */

/* CUSTOMIZA O CAROUSEL
-------------------------------------------------- */

/* Já que usamos posicionamento de imagens, precisaremos fazer alguns ajustes na legenda */
.carousel-caption {
  bottom: 10rem;
  z-index: 1;
}

/* Declaramos alturas, devido ao posicionamento do elemento img */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.filtro{
	
	filter: brightness( 30%);
	z-index: 1;
}

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

@media (min-width: 40em) {
  /* Aumenta o tamanho do conteúdo do carousel */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

@media ( max-width: 576px ) {
   .carousel-caption {
    bottom: 10rem;
   }  
}