*{ padding: 0; box-sizing: border-box;  }


.contenedor {max-width: 60rem; margin: auto;}

header {background: #fa2799; height: 10rem;}

main{display: flex; justify-content: space-between; flex-wrap: wrap; height: auto; }

section {background: #8000ff; width: 100%; padding: 3rem 1rem 1rem 1rem; justify-content: space-between; margin-top: 0.5rem;}

article {background: #ffce00; height: 25rem; margin: 0rem 0rem 1.5rem 1rem;}

.principal {margin-right: 1rem;}

.artsecundario {width: 31%; display:inline-block; min-width: 31%; height: 20rem; margin-left:1rem; }

aside {background: #ff8900; height: 10rem; width: 100%; margin: 0.1 rem 0 0.8rem 0; margin-top: 0.5rem;}

footer {background: #ff3b00; height: 24rem;}