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

header{background:#A2D063; width:100%; height:6.1rem;align-items: center; display: flex; justify-content: center}
main{border:solid; border-color:#674BC2; width:100%; display: inline-block; margin:0rem 0rem 0rem 0rem; padding: 0.3rem}
section{background:#30BCF1; display:block; max-width: 69.6%; margin: 0rem 0rem 0rem 0rem; padding: 0.3rem 0.3rem 0.3rem 0.3rem }
article{background:#F4BF4F; width:100%; height:12rem; margin:0rem 0.2rem 0.2rem 0.2rem; align-items: center; display: flex; justify-content: center}
aside{background:#A8A9AD; position:static; float: right; width: 30%; height: 30rem}
.ancho70{width:70%; height: 15rem;}
.ancho30{width:30%; height: 15rem;}
footer{background:#80A054;width:100%; height: 6rem;align-items: center; display: flex; justify-content: center}
.articulo1{position:static; object-position: bottom; display: flex; float: left}
.articulo2{position:static; object-position: top; display: flex; float:left}
.seccion{display: flex; justify-content: space-between;}
.seccion2{display: flex; justify-content: space-between; padding: 0rem 0.3rem 1.6rem 0.3rem}
h1{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: white; text-align: center; font-weight: lighter; font-size: 2.4rem; padding:0rem 0rem 0rem 0rem; align-items: center; display:grid ; justify-content:center}
h2{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: white; text-align: center; font-weight: lighter; font-size: 1.4rem}
h3{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: white; text-align: center; font-weight: lighter; font-size: 1.8rem}
h4{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: white; text-align: center; font-weight: lighter; font-size: 1.8rem}