body{
    min-width: 100%;
    margin: 0;
}

#Obsah {
    text-align: center;
}


.wrapper  {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    font-weight: bold;
    text-align: center;
}

.wrapper > * {
    padding: 10px;
    flex: 1 100%;
    /*The flex blabblah*/
}

.header {
    background: #eeaf61;
}

.navigation  {
    background: #fb9062;
}

.footer {
    background: #ee5d6c;
}

.main  {
    text-align: left;
    background: #ce4993;
}
 
.aside-1 {
    background: #6a0d83;
}

.aside-2 {
    background: #35063e;
}

/*responzivita*/
@media all and (min-width: 800px)  {
    .main {flex: 3 10;}
    .aside-1 {order: 1;}
    .main {order: 2;}
    .aside-2 {order: 3;}
    .footer {order: 4}
}