@media (min-width: 1024px) {
    .dinamica-conteudo-pc {
        display: inherit !important;
    }
    .topo {
        margin-top: 120px;
    }
    .dinamica-conteudo-mob {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .dinamica-conteudo-pc {
        display: none !important;
    }
    .dinamica-conteudo-mob {
        display: inline !important;
    }
}

@media (min-width: 1024px) {
    .logo {
        width: 40% !important;
    }
}

@media (max-width: 980px) {
    .logo {
        width: 50% !important;
    }
    .topo {
        margin-top: 90px;
        /* margin-bottom: 50px;*/
    }
}

@media (max-width: 736px) {
    .logo {
        width: 70% !important;
    }
    .topo {
        margin-top: 90px;
        /* margin-bottom:50px;*/
    }
}

@media (max-width: 480px) {
    .logo {
        width: 70% !important;
    }
    .topo {
        margin-top: 90px;
        /*margin-bottom:50px;*/
    }
}

@media (max-width: 350px) {
    .logo {
        width: 80% !important;
    }
    .topo {
        margin-top: 90px;
        /* margin-bottom:50px;*/
    }
}

.cabecalho {
    display: block;
    width: 100%;
    height: 12vh;
    background-image: url("../images/cabecalho.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.rodape {
    display: block;
    width: 100%;
    height: 20vh;
    background-image: url(../images/rodape2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}