body {
    display: table;
    width: 80%;
    max-width: 70em;
    margin: 0 auto;
}
header {
    background-color: #f00;
    color: #fff;
}
nav {
    background-color: #0f0;
    color: #fff;
    display: table;
    width: 100%;
}
nav ul {
    display: table-row;
    
}
nav li {
    display: table-cell;
    padding: 1em;
}
.equal {
    display:table;
    width: 100%;
}
.row {
    display:table-row;
}
.row section {
    display: table-cell;
}
article header {
    width: 100%;
}
section.main {
    width: 65%;
    background-color: #ccc;
}
section.sidebar {
    width: 35%;
}
article {
    background-color: #00f;
    color: #fff;
}
aside {
    background-color: #ff0;
    color: #ccc;
}
footer {
    background-color: #f0f;
    color: #ccc;
}
article header {
    background-color: #0ff;
    color: #999;
}