@media (max-width: 1000px) {

    /************************ HEROE BANNER *************************************/

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

    #heroe-banner #heroe-text #contain-text p{
       font-size: 3em;
    }

    #heroe-banner #heroe-text #typing-container p:nth-child(1){
        margin-left: 2%;
    }

    /************************ SECTION INFORMACION *************************************/
    #information-conecta {
        top: -2.5rem;
    }

    #information-conecta #container-information{
        display: flex;
        flex-direction: column;
    }

    #information-conecta #video-conecta{
        width: 100%;
        order: 2; 
    }

    #information-conecta #video-conecta video{
        height: 40vh;
        width: 80vw;
    }
    
    #information-conecta #vision-conecta{
        width: 100%;
        padding: 5%;
        margin-bottom: 3rem;
        order: 1; 
    }

    #conecta-arrow{
        top: 93%;
        left: 78vw;
    }
 

    /************************ SERVICIOS CONECTA*************************************/

    #info-servicios-conecta{
        height: max-content;
        padding: 0;
    }
    
    #container-head-desk{
        display: none;
    }

    #container-head-min{
        display: flex;
        flex-direction: column;
        padding-left: 4em;
    }

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

    #container-head-min p:nth-child(2){
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 1.3rem;
        font-style: italic;
    }

    #container-head-min .button_section{
       margin-bottom: 3em;
    }

    
    #info-servicios-conecta #carrete-servicios{
        display: none;
    }

    #info-servicios-conecta #carrete-servicios-min{
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 20px;
        padding-bottom: 8em;
    }

    .container-slide{
        position: relative;
    }

    .container-slide img {
        width: 100%;
        height: 100%;
        border-radius:3rem ;
        display: block; 
    }

    .container-slide p {
        position: absolute; 
        bottom: 10px;
        left: 10px; 
        font-size: 1.5rem;
        font-weight: 500;
        color: white; 
        z-index: 1; 
        padding: 5px;
    }

    /************************ portafolio conecta *************************************/
    #portafolio-servicios-conecta{
        top: -2.5em;
        padding-bottom: 0;
    }

    #Header-portafolio-min{
        display: flex;
        flex-direction: column;
    }

    #Header-portafolio-desk{
        display: none;
    }

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

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

     #Header-portafolio-min button{
        border: 1px solid #ffc057;
        background-color: #ffc057;
        margin: 20px 0px;
        border-radius: 2rem;
        width: max-content;
        transition: background-color 0.5s, color 0.5s;
        padding: 3px 20px;
        font-size: 1.2rem;
        font-weight:500;
    }  

    #Header-portafolio-min button:hover{
        border: 1px solid black;
        background-color: black;
        color: white;
    }  

    #portafolio-imagenes {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        margin-top: 5em;
        gap: 10px;
    }

    .portafolio1 {
        display: none;
    }

    .portafolio2 {
        display: none;
    }

    .portafolio3{
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .portafolio6{
        grid-column: 2 ;
        grid-row: 2;
        height: 80%;
    }

    .portafolio7{
        grid-column: 1 ;
        grid-row: 2;
        height: 80%;
    }

    #Heacer-portafolio-desk{
        display: none;
    }

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

    #form-contacto-conecta{
        top: 1;
    }

    /*********************************FOOTER***************************************/
    
    footer{
        top: 0;
    }

}