CSS problem med flytning af div.

CSS kode 

 .wrapper {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   font-weight: normal;
 }
 
 .wrapper > * {
   padding: 10px;
   flex: 1 100%;
 }
 
 .header {
 color: #FFFFFF;
 font-family: 'Lobster', cursive;
 height: 80px;
 background: #292726;
 }
 
 
 
 .main {
   text-align: left;
   background: #E6EBEA;
 }
 
 .aside-1 {
 width: 1px;
 display: block;
 color: #007AFF;
 background: #E8E8E8;
 border-right: 1px solid;
 border-color: #636363;
 }
 
 @media all and (min-width: 600px) {
   .aside {
     flex: 1 auto;
   }
 }
 @media all and (min-width: 800px) {
   .main {
     flex: 5 0px;
   }