*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}
.header{
    background: url(../img/y.jpg);
    height: 30rem;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
}
.contenedor{
    color: yellow;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    justify-content: space-between;
}
.texto{
    margin-top: 10rem;
    text-align: center;
    width: 90%;
    height: auto;
    color: aqua;
}
.galeria{
    display: flex;
    flex-wrap: wrap;
}
.foto{
    width: 32%;
    margin: 10px;
}
img{
    width: 100%;
    display: block;
}
.contenedor2{
    color: yellow;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    justify-content: space-between;
}
@media screen and (min-width: 800px){ 
    body{
        background-color: crimson;
    }
    .contenedor{
        background-image: url(../img/y.jpg);
    }
}