/* personalização do carrossel */
.carrossel {  /*faz alteração na div do carrossel */
    width: 100%; /* define a largura da imagem */
    position: relative;  
    padding-bottom: 0px; 
    height: 25vw; /* aplica trinta por cento da largura da tela, alterei de 
                  30 para 40, e alterei o bx-wrapper de 30 para 40 também */
    /*    max-height: 350px; /* utilizar se precisar limitar a altura */
}
.slide{
    width: 100%; /* define a largura da imagem */
    height: 100%; /* define a altura da imagem */   
    position: absolute;
}
.imagemCarrossel {
    width: 100%; /* define a largura da imagem */
    height: 100%; /* define a altura da imagem */
}
.bx-viewport { /* faz alterações no carrossel: posição, borda, sombra etc */
    position: static!important; /* center to page correctly */
    border: 0!important; /* border */
    -webkit-box-shadow: none!important; /* these two shadows */
    box-shadow: none!important; /*efeito sombra: no lugar de 'none' colocar: 64px 64px 12px 40px*/
}
.bx-wrapper {
    height: 25vw!important; /*alterei de 30 para 40. */
    margin-bottom: 0px!important;
}
.bx-pager {
    top: 95%!important;
    padding: 0px!important;
    height: 5px!important;
}
@media only screen and (min-width:35.063em) and (max-width: 50em) {
    .bx-pager {
        top: 90%!important;
    }
}
@media only screen and (max-width: 35em) {
    .bx-pager {
        top: 85%!important;
    }
}
/* fim */