@font-face {
    font-family: 'Archivo Black', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Questrial', sans-serif;
}

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}

.Conozcanos {
    width: 100%;
    height: 100vh;
}

.paralax {
    width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#bloque1 {
	background-image: url(../imgs/Pant001.jpg);
    background-size: 100%;		
}

#bloque2 {
	background-image: url(../imgs/Pant008.jpg);
    background-size: 100%;
}

.Quienes_somos {
    width: 45%;
    max-width: 1280px;
    height: 70 %;
}

.cont_quienes {
    width: 80%;
    height: 50%;
    margin-top: 40%;
    float: right;
}

.cont_quienes p {
    width: 85%;
    margin: 0;
    padding: 3% 3% 0;
    display: block;
    font-size: 1.2em;
}

.Pensaryhacer {
    width: 100%;
    margin-top: 27%;
    position: relative;
}

.Pensaryhacer .No1 {
    width: 25%;
    position: absolute;
    margin-left: 36%;
    display: block;
}

.Valores1y2 {
    width: 100%;
    position: absolute;
    margin-top: 8%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
        
}

.Pensaryhacer .No2 {
    width: 28%;
    padding: 0 6%;
    display: block;
}

.Pensaryhacer p {
    text-align: center;
    font-size: 1.15em;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    color: #fff;
}

@media (max-width:1080px) {
    
    #bloque1 {
        background-size: 130%;	
    }

    #bloque2 {
        background-size: 130%;	
    }

    .cont_quienes {
        width: 95%;
        margin-top: 60%;
        float: right;
    }

    .cont_quienes p {
        width: 85%;
        font-size: 1.1em;
        }

    .Pensaryhacer {
        margin-top: 35%;
    }

    .Pensaryhacer .No1 {
        width: 30%;
        margin-left: 32%;
    }

    .Valores1y2 {
        width: 100%;
        margin-top: 8%;
    }

    .Pensaryhacer .No2 {
        width: 25%;
        padding: 0 2%;
    }

    .Pensaryhacer p {
        font-size: 1em;
    }
}

@media (max-width: 768px) {
    #bloque1 {
        background-size: 140%;
    }

    #bloque2 {
        background-size: 140%;
    }

    .cont_quienes {
        width: 95%;
        margin-top: 60%;
        float: right;
    }

    .cont_quienes p {
        width: 85%;
        font-size: 1em;
        }

    .Pensaryhacer {
        width: 100%;
        margin-top: 45%;
    }

    .Pensaryhacer .No1 {
        width: 35%;
    }
    
    .Valores1y2 {
        margin-top: 0;
    }

    .Pensaryhacer .No2 {
        width: 20%;
        margin: 15% 1% 0;
    
    }

    .Pensaryhacer p {
        font-size: 1em;
    }
}

@media (max-width:640px) {
    #bloque1 {
        background-image: url(../imgs/Pant022.jpg);
        background-size: 120%;
        background-position: top;
    }

    #bloque2 {
        background-image: url(../imgs/Pant021.jpg);
        background-size: 100%;
        background-position: top;
    }
    
    .Quienes_somos {
        width: 100%;
    }

    .cont_quienes {
        width: 95%;
        margin: 90% 0 0;
    }

    .cont_quienes p {
        width: 90%;
        padding: 0;
        font-size: 1em;
    }

    .Pensaryhacer {
        width: 100%;
        height: auto;
        margin: 65% 0 0;
        flex-direction: column;
    }

    .Pensaryhacer .No1 {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    
    .Valores1y2 {
        width: 100%;
        position: relative;
    }

    .Valores1y2 .No2 {
        width: 50%;
        margin: 3% 0 0;
    }
    
    .Valores1y2 .No2 p {
        width: 100%;
        text-align: center;
    }

    .Pensaryhacer p {
        font-size: 1em;
    }
}