@font-face {
    font-family: 'Montserrat-Bold';
    src: url(/Html/NeoTecDigital/fuentes/Montserrat-Bold.ttf);
}

.nosotros {
    max-width: 1500px;
    height: 530px;
    margin: auto;
    text-align: justify;
    background-color: #f9f6f6;
    /*background-color: #f9f6f6;*/    
}

.nosotros-title {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-family: Montserrat-Bold;
    /*padding: 25px;*/
}

.nosotros-content {
    font-size: 18px;
    margin: 50px 10px;

}
/*COLUMNAS*/
.nosotros_contenedor {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin-left: 130px;
    margin-right: 130px;
    margin-top: 70px;
    /*border: green solid 2px;*/
}
/*FIN_COLUMNAS*/
.nosotros_contenedor img {
    height: 120px;
    /*tamaño de imagen*/
    /*margin: 10% 10% 10% 25%;*/
/*border: red solid 2PX;*/

}
.responsabilidad_img, .servicio_img, .trabajo_equipo_img, .cloud_img {
    height: 180px;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    /*border: purple solid 2PX;*/
}

/*.responsabilidad, .servicio, .trabajo_equipo, .cloud{
    border: 2px solid blue;
}*/

/*-------*/
/*-------*/
/*-------*/
.nosotros_contenedor_titulo {
    text-align: center;
}
.str0 {
    stroke: #33b351;
    stroke-width: 7.44;
    stroke-miterlimit: 22.9256
}
.fil1 {
    fill: #E6E7E8
}

.fil0 {
    fill: #FFF212
}


.nosotros-list {
    list-style: none;
    display: flex;
    gap: 10%;
    /*separador de imagen*/
    justify-content: center;

}

.nosotros-list img {
    height: 120px;
    /*tamaño de imagenes*/
}

.nosotros-nav {
    margin: 50px auto;
    /*Margen separado vertical*/
}

/*=================================================================*/
@media(max-width:550px) {
   
    @font-face {
        font-family: 'Montserrat-Bold';
        src: url(/Html/NeoTecDigital/fuentes/Montserrat-Bold.ttf);
    }
    
    .nosotros {
        max-width: 1500px;
        height: 380px;
        margin: auto;
        text-align: justify;
        background-color: #f9f6f6;
        /*background-color: #f9f6f6;*/    
    }
    
    .nosotros-title {
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        font-family: Montserrat-Bold;
        /*padding: 25px;*/
    }
    
    .nosotros-content {
        font-size: 15px;
        margin: 30px 10px;
    
    }
    /*COLUMNAS*/
    .nosotros_contenedor {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        
        
        /*border: green solid 2px;*/
    }
    /*FIN_COLUMNAS*/
    .nosotros_contenedor img {
        height: 55px;
        /*tamaño de imagen*/
        /*margin: 10% 10% 10% 25%;*/
    /*border: red solid 2PX;*/
    
    }
    .responsabilidad_img, .servicio_img, .trabajo_equipo_img, .cloud_img {
        height: 80px;
        display: flex; 
        justify-content: center; 
        align-items: center; 
        /*border: purple solid 2PX;*/
    }
    
    
    .nosotros_contenedor_titulo {
        text-align: center;        
        font-size: 11px;
    }
    .str0 {
        stroke: #33b351;
        stroke-width: 7.44;
        stroke-miterlimit: 22.9256
    }
    .fil1 {
        fill: #E6E7E8
    }
    
    .fil0 {
        fill: #FFF212
    }
    
    
    .nosotros-list {
        list-style: none;
        display: flex;
        gap: 10%;
        /*separador de imagen*/
        justify-content: center;
    
    }
    
    .nosotros-list img {
        height: 120px;
        /*tamaño de imagenes*/
    }
    
    .nosotros-nav {
        margin: 50px auto;
        /*Margen separado vertical*/
    }

}