@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

*{font-family: "Roboto";
}

header{
color: black;
}

.cajaarriba {
display:flex; 
flex-direction: column;
align-content: center;
justify-content: center;
text-align: center;
}

div img{
margin-bottom: 0.4rem;
}

div h1{
font-size: 1.7rem;
letter-spacing: 0.1rem;
font-weight: 700;
margin-top: 0rem;
margin-bottom: 0.3rem;
border-top: 2px;
}

div p {
font-size: 0.5rem;
font-weight: 400;
letter-spacing: 0.1rem;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0.5rem
}

nav ul {
margin: 0.7rem;
padding-left: 1rem;
padding-right: 1rem;
box-sizing: content-box;
display: flex;   
text-transform: uppercase;
text-align: center;
list-style: none;
justify-content: center;
align-items: center;
font-size: 1.3rem;
background-color: black;
flex-wrap: wrap;
}

nav li{
border-bottom: 2px;
font-weight: 500;
padding: 0.5rem;
line-height: 1.1rem;
letter-spacing: 0.05rem;
}

nav a{
font-size: 0.55em;
text-decoration: none;
color: white;
}

h2{
margin-top:2.3em;
margin-bottom: 0;
text-align: center;
letter-spacing: 0.2rem;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 700;
}

div1{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
}

div2{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
    
}

article1,article2,article3,article4{
margin: 2em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}

h3{
margin-top: 0rem;
margin-bottom: 0.3rem;    
letter-spacing: 0.2rem;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 400;
text-decoration: underline;
}

h4{
margin-top: 0;
margin-bottom: 0.5rem;
font-size: 0.7rem;
font-weight: 400;
text-transform: uppercase
}

div1 p,
div2 p{
margin: 0;
font-size: 0.8em;
}

aside {
margin: 0;
display: flex;
flex-direction: column;
text-align: center;
}

h5{
margin-top: 0.5rem;
text-decoration: underline;
margin-bottom: 0.5rem;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.1rem;
text-transform: uppercase;
}

div{
display: flex;
flex-direction: column;
justify-content: space-around;
font-size: 0.5rem;
font-weight: 400;
letter-spacing: 0.1rem;
}

div h6{
margin: 0.5rem;
}

footer{
margin: 1rem;
border-top: 1px solid black
}

footer p{
text-align: center;
font-size: 0.6rem;
color: black;
}