@media(max-width: 600px){

    #heroe-banner #title-heroe{
        font-size: 3rem;
    }

    #portafolio-conecta section:nth-child(1) button{
        font-size: 0.7rem;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
    }

    #portafolio-conecta section:nth-child(3) .row-portafolio{
        display: flex;
        flex-direction: column;
    }

    .card-portafolio{
        margin-left: 0;
        margin-bottom: 0.5rem;
        flex: 0;
    }

}