@media (max-width:780px) {

    h1 {
        font-size: 3em;
        font-weight: 300;
    }
    
    h2 {
        font-size: 2.441em;
        font-weight: 300;
    }
    
    h3 {
        font-size: 1.953em;
        font-weight: 400;
    }
    
    h4 {
        font-size: 1.563em;
        font-weight: 400;
    }
    
    h5 {
        font-size: 1.25em;
        font-weight: 400;
    }

    nav.navbar {
        background-color: #FFF;
        width: 100%;
        padding: 1rem .5rem 2rem .5rem;
    }

    .navbar-nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0.5rem;
    }

    .nav-link {
        color: var(--color-primary); 
        font-weight: 400;  
    }

    header div.topo-site {
        display: none;
    }

    .contato {
        display: none;
    }

    .navbar-brand {
        display: block;
    }
}