@media screen and (min-width: 768px) {
    nav {
        position: static;
        width: auto;
    }

    nav > ul > li {
        display: inline-block;
    }

    nav > ul > li > a {
        margin: 5px;
        border-radius: 4px;
    }

    button.btn-fechar {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    header > button {
        display: block;
        margin: auto;
    }

    header > nav {
        background-color: #03A64A;
    }

    div.logo {
        flex-flow: column nowrap;
    }

    section {
        max-width: 100vw;
    }

    div.container-bloco {
        flex-flow: column nowrap;
    }

    div.bloco-a {
        flex-basis: 100px;
    }

    div.bloco-b {
        flex-basis: 170px;
        align-self: center;
    }

    div.bloco-img,  div.bloco-lateral {
        flex-basis: auto;  
        align-self: center; 
    }

    div.bloco-texto {
        flex-basis: auto;  
    }
}