@font-face {
    font-family: 'Brandon Light';
    src: url(../fonts/Brandon_light.otf);
}

.nosotros_quienes{
    height: 56rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 5rem 0 0 0;
}

.nosotros_quienes h2{
    font-family: 'Brandon Light';
    font-size: 58px;
    color: var(--color_one);
    letter-spacing: 2px;
}

.nosotros_quienes p{
    color: var(--color_one);
    font-size: 31px;
    font-family: 'Brandon Light';
    max-width: 49rem;
    text-align: center;
    letter-spacing: 1px;
    line-height: 38px;
    opacity: 0.8;
    margin: 0 0 4rem 0;
}

.nosotros_quienes picture{
    margin: 0 0 2rem 0;
}

.nosotros_quienes picture img{
    width: 100%;
}

.nosotros article{
    width: 100%;
    max-width: 37.9rem;;
    margin: auto;
    font-family: 'Brandon Light';
    font-size: 20px;
    color: var(--color_one);
    opacity: .9;
    margin: 3.5rem auto auto auto;
}

.nosotros_personas{
    display: flex;
    justify-content: flex-start;
    max-width: 38rem;
    margin: 4rem auto;
}

.nosotros_personas .nosotros_personas--direc,
.nosotros_personas .nosotros_personas--arquit{
    list-style: none;
    margin: 0;
    padding: 0;
}

.nosotros_personas .nosotros_personas--arquit{
    margin: 0 0 0 7rem;
}

.nosotros_personas .nosotros_personas--direc h3,
.nosotros_personas .nosotros_personas--arquit h3{
    font-family: 'Brandon Regular';
    font-size: 21px;
    margin: 1rem 0 3rem 0;
    letter-spacing: 1px;
}

.nosotros_personas .nosotros_personas--direc li,
.nosotros_personas .nosotros_personas--arquit li{
    font-family: 'Brandon Light';
    font-size: 21px;
    margin: 1rem 0 1rem 0;
    opacity: 0.7;
}

@media (max-width: 490px){
    .nosotros_quienes {
        height: 45rem;
        margin: 5rem 0 0 0;
    }
    .nosotros_quienes h2 {
        font-size: 49px;
    }
    .nosotros_personas {
        flex-direction: column;
    }
    .nosotros_personas .nosotros_personas--arquit {
        margin: 0 0 0 0rem;
    }
    .nosotros_personas .nosotros_personas--direc,
    .nosotros_personas .nosotros_personas--arquit{
        margin: 0 0 0 2rem;
        width: 15rem;
    }
    .nosotros article {
        width: 85%;
    }
    .nosotros_quienes picture {
        margin: 0 0 2rem 0;
        max-width: 25rem;
        width: 100%;
    }
    .nosotros_quienes p {
        font-size: 25px;
        max-width: 49rem;
        width: 90%;
        margin: 0 0 2rem 0;
    }
}