@media(max-width: 600px) {

    #heroe-banner{
        top: 0;
        border-radius: 0px;
        height: 100vh;
    }

    #heroe-banner #heroe-text {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #heroe-banner #heroe-text #contain-text p {
        font-size: 2.8rem;
    }
    
    #heroe-banner #heroe-text a {
        font-size: 1.3rem;
    }


    /************************ SECTION INFORMACION *************************************/
    
    #information-conecta{
        padding: 1rem;
    }

    #information-conecta #vision-conecta #title-meta{
        font-size: 1.9rem;
    }

    #information-conecta #vision-conecta #text-meta{
        font-size: 1rem;
        margin: 2rem 0;
    }

    #information-conecta #video-conecta video{
        height: 40vh;
        width: 80vw;
    }

    #conecta-arrow{
        width: 25vw;
        left: 70vw;
    }

    /************************ SERVICIOS CONECTA*************************************/
    #info-servicios-conecta{
        padding: 0;
    }

    #container-head-min{
        padding-left: 2em;
    }

    #container-head-min p:nth-child(1){
        font-size: 1.8rem;
        margin-top: 2rem;
    }

    #container-head-min p:nth-child(2){
        font-size: 1.2rem;
    }
    
    .container-slide img {
        height: 35rem;
        object-fit: cover;
        border-radius: 4rem;
        display: block; 
    }

    .container-slide p {
        font-size: 1.2rem;
        margin-left: 1rem;
    }


    /************************ portafolio conecta *************************************/
    #portafolio-servicios-conecta{ 
        border-radius: 3rem 3rem 0 0 ;
        padding: 0 2em;
        padding-top: 2em;
    }

    #Header-portafolio-min p:nth-child(1){
        font-size: 2rem;
    }

     #Header-portafolio-min p:nth-child(2){
        margin: 1rem 0px;
        font-style: italic;
        font-size: 1.2rem;
    }

    .container-portafolio-hover p{
        font-size: 0.8rem;
        bottom: 40%;
    }

    .portafolio6{
        height: 90%;
    }

    .portafolio7{
        height: 90%;
    }


    /************************ form *************************************/

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

    footer{
        top: 0;
    }

}