/* border-box fix */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
/* Leave out Transform headers  */
/* h1, h2 { */
  /* text-transform: uppercase; */
/* }.  */
p {
   margin: 0px;
   padding: 0px;
}
.container {
  color: black;
  font-family: helvetica, arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  max-width: 2000px;
}

header {
  background: #b5c9ad;
  flex: 1 0 100%;
  order: 1;
  text-align: center;
  font-size: 150%;
  }
main {
  background: white;
  order: 2;
  flex: 1 1 200px;
  padding: 10px 40px 10px 30px; 

}

aside {
  background: white;
  order: 3;
  flex: 1 0 300px;
  padding: 10px 20px;

}
footer {
  background: #b5c9ad;
  flex: 1 0 100%;
  order: 5;
  padding: 0px;
  text-align: center;
  
}