main{font-size:1.2em;flex:1 1 auto}main h1{margin-top:.4em;margin-bottom:.4em;font-size:1.2em}main p{text-align:center}main header,main article,main section,main aside,main footer{border-radius:0 .5em .5em;border:1px solid;padding:.4em;margin-top:1vh;margin-bottom:1vh;margin-right:2vw;margin-left:2vw;flex:1 100%}main article{display:flex;flex-flow:row wrap}main header{background:#F1F3F4;border-color:#d5d5d5}main main header *{flex:1 1 0%}main section{background:#F1F3F4;border-color:slateblue}main article{background:#ffede0;border-color:#df6c20}main aside{background:#ebf5d7;border-color:#8db243}main footer{background:#e4ebf2;border-color:#8a9da8;display:flex;flex-flow:row wrap}main footer *{flex:1 1 0%;justify-content:space-between}main footer p{text-align:center}@media all and (min-width:35em){main{font-size:1.8em}main article{order:1}main section{flex:2 2 auto;order:2}main footer{order:3}}@media all and (min-width:50em){main{font-size:1.6em}main section{flex:2 2 auto}}