#cabecalho .logo a {
    height: 80px;
    margin: 30px;
}

.menu.superior {width: 100%;top: 150px;left: 0px;}
.logo {margin-bottom: 0px;}


.titulo { text-transform: capitalize; }


:root {
    --cor3: #30308A;
    --cor4: #F9DB0C;
}

@media (max-width: 767.98px) {
#cabecalho .menu.superior {
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 1px);
    max-width: 440px;
    height: 100vh;
    z-index: 10000;
    overflow: visible;
    text-align: left;
    background: #fff;
    transition: .3s ease;
    transform: translate3d(100%,0,0);
}

@media (max-width: 767.98px) {    
#cabecalho .menu.superior.open {transform: translateZ(0); margin-top: 50px; margin-left: 50px; }

.li-whatsapp a {
    bottom: 25px!important;
    width: 60px!important;
    height: 60px!important;
}
.li-whatsapp i {
    font-size: 40px!important;
}