body {background:#cc6666 ;
font-family: 'Oswald', sans-serif;
flex-wrap: wrap;
}
ul {list-style: none;}

header nav ul {list-style: none;
    background-color: #006666;
display:flex;
text-decoration: none;
    justify-content: space-between;
 margin-bottom: 0;
    padding-bottom: 0;
    box-sizing:content-box;
   
}.superior nav ul { display: flex;
    align-items: center;
justify-content: space-around;
    height: 60;
    box-sizing: content-box;
    background-color: none;
    list-style: none;
}

.dona {background-image: url(../img/casa.jpg);
}

.intercambia {background-image: url(../img/pintura.jpg)}

.eventos {background-image: url(../img/calendario.jpg)}

.elemento1  {align-items: flex-start;
display: flex;
align-content: space-between;
    justify-content: center;
    margin-left: -30
    }

.elemento1 img {
    height: 50;
    margin-top: 5
    
}
.elemento1 h1 {margin-left:15;
    margin-top:2 ;
    margin-bottom: -7;
font-size: 30}


.elemento2  {display: flex;
    align-self: center;
    width: 600;

}

.elemento3 {display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-around;
 
    flex-flow: row;

}

.elemento3 img {height: 40;
margin-right: 15;}


a {text-decoration: none;}




h1, h2, a {color: white;}

.titulo  {background-image: url(../img/voluntarios.png);
    background-position: center;
    background-size:cover;
    margin-top: -35;
}

.titulo h1 {text-align: center;
font-size: 25;
margin-bottom: 25;}

p {background-color:#cc6666;
    color:white;
padding: 0.8em;
margin-bottom: -2}

.voluntarios {display: flex;}
.voluntarios nav ul img {height: 20;
}
.voluntarios nav ul{display: flex; 
    background-color: none;
    align-items: center;
    justify-content: center;
    align-content: space-between;
    list-style: none;

}

.voluntarios nav ul li {margin-left: 50;
}

.contenedor ul {display: flex;
    justify-content: space-between;
    align-content: space-between;
    
}



.tarjeta {background-color: ;
   display: flex;
}