.nosotros{
    background-image: linear-gradient(rgba(04, 34, 34, 0.85), rgba(04, 34, 34, 0.85)), url("../imgs/fondo.webp");
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5% 0 10% 0;
    border-top: 3px #e8dcca solid;
}
.nos-div1{
    width: 80%;
    padding:3% 3% 1% 3%;
    color: #dbe4e3;
}
.nos-div1 h3{
    font-size: 50px;
    font-family: charm , sans-serif;
    font-weight: 400;
    padding-bottom: 3%;
    text-align: left;
}
.nos-div2{
    width: 80%;
    padding: 3% 3% 1% 3%;
    color: #dbe4e3;
}
.nos-div2 p{
    font-size: 25px;
    font-family: charm, sans-serif;
    font-weight: 100;
}
.nos-div2 img {
    max-width: 30%;
    float: right;
    object-position: right;
    margin: 0px 0px 1% 2%;
    border: solid 3px #b8ac9a;
}

@media only screen and (max-width: 1050px){
    .nosotros{
        padding: 20% 0 10% 0;
    }
    .nos-div2 img{
        max-width: 40%;
    }
}


@media only screen and (max-width: 850px){
    .nos-div2 p{
        font-size: 15px;
    }
    
    .nos-div2 img{
        max-width: 30%;
    }

}
@media only screen and (max-width: 720px){
    .nos-div2 img {
        max-width:50%;
    }
    .nos-div1 h3::before{
        font-size: 15px;
    }
    .nosotros{
        background-image: linear-gradient(rgba(04, 34, 34, 0.8), rgba(04, 34, 34, 0.8)), url("../imgs/fondoResponsive.webp");
    }
}
@media only screen and (max-width: 620px){
    .nos-div1 h3{
        font-size: 40px;
    }

}