@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");



.wrapper header {
    height: 10vh;
    background-color: #666;
}
.wrapper footer {
    height: 10vh;
    background-color: #666;
}
.wrapper .content {
    display: flex;
    background-color: #ccc;
    height: 80vh;
}
.wrapper .columns {
    display: flex;
    flex: 1;
    background-color: #999;
}
.wrapper .main {
    flex: 1;
    background: #eee;
    order: 2;
}

.wrapper .sidebar-first{
    flex: 1;
    order: 1;
    width: 20%;
    background: #ccc
}
.wrapper .sidebar-second {
    flex: 1;
    order: 2;
    width: 20%;
    background: #ccc
}