html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* Carousel base class */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item {
    height: 50rem;
    max-width: 100vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.welcome-carousel-image1 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/festa_do_queijo1.jpg');
}

.welcome-carousel-image2 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/festa_do_queijo2.jpg');
}

.welcome-carousel-image3 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/filarmonicas.jpg');
}

.welcome-carousel-image4 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/escola_de_musica.jpg');
}

.welcome-carousel-image5 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/bruno.jpg');
}

.welcome-carousel-image6 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/ricardo.jpg');
}

.welcome-carousel-image7 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/andreia.jpg');
}

.welcome-carousel-image8 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/morais.jpg');
}

.welcome-carousel-image9 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/fabio.jpg');
}

.welcome-carousel-image10 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/micaela.jpg');
}

.welcome-carousel-image11 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/manuel.jpg');
}

.welcome-carousel-image12 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/Leo.jpg');
}

.welcome-carousel-image13 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/luis.jpg');
}

.welcome-carousel-image14 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/Claudia.jpg');
}

.welcome-carousel-image15 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/ines.jpg');
}

.welcome-carousel-image16 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/monica.jpg');
}


/* change the background color */
.navbar-custom {
    background-color: cornflowerblue;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: white;
    }

    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: white;
    }

    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:focus .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: blue;
    }
