@media(max-width: 600px) {

    /************************ SECTION BANNER *************************************/

    #heroe-banner #title-heroe{
        width: 70%;
        font-size: 3rem;
    }
    
    #heroe-banner #vision-heroe{
        font-size: 1.8rem;
        width: 80%;
    }

    /************************ SECTION INFORMATION *************************************/

    #information-conecta #vision-conecta button{
        width: 100%;
        text-align: center;
        border-radius: 35px;
        padding: 5px 30px;
        margin-top: 25px;
        font-weight: bold;
    }

    #information-conecta #vision-conecta{
        padding-right: 1rem;
    }

    #information-conecta #vision-conecta #title-meta{
        font-size: 1.7em;
    }

    #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;
        top: 95%;
        left: 71vw;
    }

    /************************ SECTION VALORES *************************************/

    #container-valores  {
        height: 40vh;
        margin-bottom: 70vh;
    }

    #valores-conecta #insignias-valores .valor-conecta{
        height: max-content;
        width: 90vw;
    }

    #container-valores #banner-valor{
        height: 38vh;
    }

    #container-valores p{
        font-size: 2em;
    }

    #valores-conecta #insignias-valores .valor-conecta img{
        width: 15%;
        height: 15%;
        padding:1rem;
        margin-top: 0;
    }
    
    #valores-conecta #insignias-valores .valor-conecta .valores-title{
        font-weight: bold;
        font-size: 1.5em;
        padding: 0;
        margin: 0;
    }
    
    #valores-conecta #insignias-valores .valor-conecta .valores-descrip{
        font-size: 0.9em;
        font-weight:lighter;
        padding: 0.5em 1.5em;
        margin:0
    }
    
    #valores-conecta #insignias-valores .valor-conecta:nth-child(1){
        top: 18em;
        margin-left: 5vw;
    }
    
    #valores-conecta #insignias-valores .valor-conecta:nth-child(2){
        top: 31em;
        margin-left: 5vw;
    }
    
    #valores-conecta #insignias-valores .valor-conecta:nth-child(3){
        top: 44em;
        margin-left: 5vw;
    }

    /************************ SECTION CONOCEME *************************************/

    #conoceme-conecta #title-conoceme{
        padding: 1.5rem;
        text-align: center;
        font-size: 1.5rem;
        margin-top: 2rem;
      }

    #conoceme-conecta #detalle-conoceme{
        display: flex;
        flex-direction: column;
        height: max-content;
        padding: 1rem;
    }

    #conoceme-conecta #detalle-conoceme img{
        margin: 0 auto;
        padding: 0;
        padding-bottom: 2rem;
    }

    #conoceme-conecta #detalle-conoceme div button{
        width: 100%;
    }

    /************************ SECTIO HEROE-FOOTER  *************************************/

    #heroe-footer #title-heroe{
        font-size: 1.9em;
    }
    
    #heroe-footer #vision-heroe .button_section a{
        font-size: 1.4em;
    }

}