*{margin: 0; padding: 0;  box-sizing: border-box; font-family: arial, sans-serif;}


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


header{
    text-align: center;
    background: #77d367;
    height: 5rem;
    padding: 1.2rem;}


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




section{
    background: #5fa8de;
    width: 100%;
    padding: 1rem 0.4rem 1rem 0.4rem;
    margin: 0.6rem 0rem 0.6rem 0rem;
}




h2{
    padding: 0 0 1rem 0.5rem;}




article{
    
    background: orange;
    height: 25rem;
    margin: 0 0 0.5rem 0;
    padding: 2rem 0 6.5rem 1rem;
    
}

.art-small{
    
    width: 33%;
    display: inline-block;
    min-width: 33%;
    
    
}


h3{ 
    font-size: 1.5rem;
    text-align: left;
    font-weight: 100;}




aside{
    background: #bebebe;
    width: 100%;
    height: 17rem;
    margin: 0.1em 0rem 0.8rem 0rem;
    padding: 1.5rem 0.4rem 1rem 0.4rem;
}



footer{
    text-align: center;
    background: #77d367;
    padding: 1.2rem;
    height: 24rem;
}