/* PANTALLA COMPLETA */
@media only screen and (max-width: 1181px) {

    .container_all {
        width: 87.5%;
        
    }

    .sect1_left p {
        font-size: 45px;
    }

    .img_sect1_right {            
        width: 420px;
        
        height: 225px;
    }

}

/* PRIMERA VARIACION ORDENADO */
@media only screen and (max-width: 1016px) {

    .container_all {
        width: 90%;
        
    }

    .sect1_left p {
        /*color: rgb(0, 255, 213);*/
        font-size: 40px;

    }

    .img_sect1_right {            
        width: 400px;
        height: 205px;
        border-radius: 15px;
    }    

}

/* MEDIDA RESPOSIVE PARA TABLET APROX */
@media only screen and (max-width: 898px) {

    .header-top {
        height: 100px;
        padding-top: 20px;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        
    }
    .header-top h6 {
        display: none;
    }
        .title-r {
            display: flex;
            letter-spacing: 0px;
            line-height: 30px;
        }
            .title-r h1{
                color: white;
                font-size: 40px;
                width: 80%;
            }
            .menu {
                width: 20%;
            }
                .menu span {
                    line-height: 60px;
                    font-size: 30px;
                }
            .idiom-network {
                width: 20%;
                padding-right: 20px;
            }
                .networks {
                    display: flex;
                    height: 35px;
                    width: 35px;
                    margin-top: 5px;
                }
            .idioms-r {
                width: 110%;
                border-bottom: 1.5px solid rgb(117, 61, 81);
                border-right: 1.5px solid rgb(117, 61, 81);
                border-left: 1.5px solid rgb(117, 61, 81);
                height: 40px;
                transform: translateY(40px) translateX(-35px);
            }
                .idioms-r p {
                    width: 70%;
                    border-right: 1.5px solid rgb(117, 61, 81);
                    height: 27.5px;
                    transform: translateY(4px)
                }
    .header {
       display: none;
    }

    .header-bottom {
        display: none;
    }
    .section2_capa {
        display: none;
    }




    .section1 {
        width: 100%;
        height: 750px;

        display: flex;
        flex-direction: column;
    }

    .container_all {
        width: 85%;
        
    }

    .sect1_left {
        width: 100%;
    }
        .sect1_left p {
            color: rgb(0, 255, 213);
            /*font-size: 47.5px;*/
            font-size: 40px;
            transition: 0.5s;
        }

    .sect1_right {
        width: 100%;   
    }

    .img_sect1_right {            
        width: 600px;
        height: 250px;
        margin: auto;     
    }    

}

@media only screen and ( max-width:520px) {

    .networks {
        display: none;
    }


    .section2 {
        /* width: 50%; */
        display: none;
    }
    /* CREO QU EHAY QUE HACER ESTO JS YA QUE ASI ESTAN DEFINIDOS LOS ESTILOS DE ESTE OBJETO */

}