@media (max-width: 1000px){

/***********************************HEROE HEADER ******************************************/
    #heroe-banner{
        height: 110vh;
    }

    #heroe-banner #title-heroe{
        width: 100%;
        top: 45vh;
        text-align: center;
        font-size: 3.3rem;
    }

/***********************************PORTAFOLIO CONECTA ******************************************/

    #portafolio-conecta{
        top: -4rem;
    }

    #portafolio-conecta section:nth-child(1) button{
        margin-left: 2rem;
        margin-right: 2rem;
    }

    #portafolio-conecta section:nth-child(2) p{
        font-size: 2rem;
        text-align: center;
    }

    #portafolio-conecta section:nth-child(2) p:nth-child(3){
        font-size: 1.1rem;
        margin-left: 3rem;
        margin-right: 3rem;
    }

    #portafolio-conecta section:nth-child(3){
        padding: 0 2rem;
    }

/***********************************FORMULARIO CONECTA ******************************************/

    #form-contacto-conecta{
        top: 2rem;
    }
    
}