/*
selector {propiedad: valor;}
*/
*{box-sizing: border-box; margin: 0; padding: 0}
body{ background: #ffffff; }
header { background: #4EEF88; font-family: Arial; color: #FFFFFF; font-size: 1rem; text-align: center; }
section { background: #4EE2EF;font-family: Arial; color: #FFFFFF; font-size: 1rem; text-align: center; }
section article { background: #EBC72F; font-family: Arial; color: #FFFFFF; font-size: 2rem; text-align: center; }
aside { background:#A6A6A6; font-family: Arial; color: #FFFFFF; font-size: 2rem; text-align: center;  }
footer { background:#4EEF88; font-family: Arial; color: #FFFFFF; font-size: 2rem; text-align: center; }
article p {  
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: space-around; 
	align-items: center; 
	align-content: center;
    box-sizing: border-box; margin: 0.5; padding: 0}
aside p {  
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center ;
	align-items: stretch;
	align-content: stretch;}
footer p {  
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
	align-content: stretch; }
header{
   display:flex ;
   justify-content: flex-start ;
   width:100%;
   padding-top:30px ;
   padding-left:2px ; }
.contenedorbody{
    display:flex ;
    justify-content: space-between ;
    padding-top: 18px ; }
main{
    display: flex;
    justify-content: space-around ; }
section{
    display: inline-flex;
    justify-content: space-around ;
	flex-direction: row;
	flex-wrap: wrap;
    width: 70%;
    padding-top: 60px;
    padding-bottom: 60px; }
article{
    display:inline-block;
    width:30%;
    height:300px;
    margin-bottom:10px; }
aside{
    display:inline-block;
    justify-content: space-between;
    width: 30%; }
footer{
    width: 100%;
    padding-bottom: 20px; }
.contenedorheader { max-width: 1200px; margin: auto;}