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

    .div-nav-svg{
        position: absolute; 
        width: 100vw; 
        z-index: -1000;  
        left: 0; 
        bottom: -100px;
    }

}

@media screen and (max-width: 1388px) {
    .nav-scroller, .divLupa, #menuItems, .div-auxiliar-footer{
        display: none;
    }

    .list-unstyled>li{
        margin-top: 10px;
    }

    .div-cadastro-artista{
        display: flex;
        justify-content: center;
    }

    .img-cadastro-artista{
        width: 130px;
        height: 100px;
    }
    .footer-div-tags, .footer-div-acesso-rapido{
        margin-top: 30px;
    }
    
    .footer-div-tags>h5, .footer-div-tags>ul>li, .footer-div-acesso-rapido>h5, .footer-div-acesso-rapido>ul>li{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .container-de-conteudo, .container-footer{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .div-nav-svg{
        position: absolute; 
        width: 100vw; 
        z-index: -1000;  
        left: 0; 
        top: 0;
        bottom: auto;
    }
}

@media screen and (max-width: 600px) {
    .logoPrefeituraTelaDesktop{
        width: 150px;
    }

    .card-image-text{
        padding-top: 130px;
    }
    .card-image-text:hover {
        padding-top: 140px;
    }

    .card-image-titulo{
        font-size: 20px;
    }
    .card-image-descricao{
        font-size: 16px;
    }
    .div-cadastro-artista{
        display: none;
    }



}

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

    .container-de-conteudo, .container-footer{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .logoPrefeituraTelaDesktop{
        width: 120px;
    }

    .card-image-text{
        padding-top: 100px;
    }
    .card-image-text:hover {
        padding-top: 110px;
    }
}

/* RESPONSIVIDADE DE ALTURA */
@media screen and (max-height: 600px) {
    .container-botoes-menu-lateral{
        top: 15%;
    }
}