body {
    background-color: #efe578;
    background-image: url("../images/bkg/bk_acervo.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 10vw;
}

#topo {
    background-color: black;
}

/* #navegacao {

} */

#navegacao a {
    color: #efe578;
    padding: 0;
    border-bottom: 3px solid #000000;
    font-size: 1vw;
    font-weight: 500;
    margin-left: 1vw;
    margin-right: 1vw;
}

#navegacao a:hover,#navegacao a.active {
    border-bottom: 3px solid #efe578;
}

#navegacao > .social-link {
    margin-left: 25vw;
}

section {
    margin-top: 20vw;
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
}

.acervo > .row > .itens-acervo {
    height: min-content;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.acervo > .row > .itens-acervo > .iten-acervo-conteudo {
    background-color: #000000;
    border: 1vw solid #000000;
    width: 15vw;
    height: 20vw;
    margin: auto;
}

.acervo > .row > .itens-acervo > .iten-acervo-conteudo > video {
    width: 100%;
    height: 45%;
}

.acervo > .row > .itens-acervo > .iten-acervo-conteudo > iframe {
    width: 100%;
    height: 45%;
}

.acervo > .row > .itens-acervo > .iten-acervo-conteudo > h4 {
    color: #efe578;
}

.acervo > .row > .itens-acervo > .iten-acervo-conteudo > .texto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 55%;
    color: #efe578;
    font-size: 0.85vw;
    text-align: justify;
}

@media screen and ( max-width: 1200px){
    .acervo > .row > .itens-acervo > .iten-acervo-conteudo {
        border: 0.5vw solid #000000;
        width: 17vw;
        height: 23vw;
    }
}

@media screen and ( max-width: 1000px){
    body {
        background-size: 150%;
    }
    section {
        width: 90vw;
        margin-top: 30vw;
    }
    .acervo > .row > .itens-acervo > .iten-acervo-conteudo {
        border: 0.5vw solid #000000;
        width: 22vw;
        height: 30vw;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > video {
        width: 21vw;
        height: 12vw;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > iframe {
        width: 21vw;
        height: 12vw;
    }
}

@media screen and ( max-width: 840px){
    body {
        background-position: top 5vw center;
    }
    #navegacao a {
        font-size: 2.5vw;
    }

    #navegacao > .social-link {
        margin-left: 3vw;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > .texto {
        font-size: 1.25vw;
    }
}

@media screen and ( max-width: 768px){
    .acervo > .row > .itens-acervo > .iten-acervo-conteudo {
        width: 80vw;
        height: auto;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > video {
        width: 78vw;
        height: 45vw;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > iframe {
        width: 78vw;
        height: 45vw;
    }

    .acervo > .row > .itens-acervo > .iten-acervo-conteudo > .texto {
        font-size: 2.5vw;
        padding: 3vw;
    }
}