@media (max-width: 540px){
    #menu div > ul.text-sm,
    #banner div > .container {
        display: none;
    }
    #menu div.container > a {
        margin-left: 1em;
        width: 54%;
    }
    #navButton {
        position: absolute;
        right: 1em;
        top: 2.3em;
    }
    #banner > .container {
        margin: 0 auto;
        text-align: center;
    }
        #banner > .container > .flex {
            width: 100%;
        }
        #banner > .container > .flex a.show-on-scroll {
            margin: 0 auto;
        }
    #caracteristicas div div.border-r {
        border-right: 0;
    }
    #caracteristicas div div.borda-baixo {
        border-bottom: 1px solid #d1d5db;
    }
    form button {
        padding: 1em;
    }
}

@media (max-width: 412px){
    #menu div.container > a {
        width: 68%;
    }
    #sobre p img {
        margin: 1em 0;
    }
    #sobre p img:first-child {
        margin: 1em 1em 1em 0;
    }
    .call-to-action a,
    #apresentacao a {
        padding: 1em 3em;
    }
}

@media (max-width: 360px){
    #menu div.container > a {
        width: 75%;
    }
    #caracteristicas div p,
    #contato > p {
        font-size: 1.1em;
    }
    #contato form {
        padding: 0;
    }
}

@media (max-width: 320px){
    .call-to-action a, #apresentacao a {
        padding: 1em;
    }
}