Адаптивная верстка, макет, проверьте пожалуйста

<style>
body { margin:0; padding:0;}
article, aside, audio, canvas, command, datalist, details, figcaption, figure, footer, header, hgroup, keygen, mark, menu, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr {display:block;}
.container {
position:relative;
width:90%;
max-width:1200px;
margin:0 auto;
background:#D5D5D5;
height:1000px;
}
.head, .foot {position:relative; width:100%; margin:0; padding:10px 0; background:#74C4FF;}
.foot {clear:both;}
.wr { width:100%; clear:both;}
.main {position:relative; float:left; width:80%; background:#FC7F81;}
.sidebar {position:relative; float:right; width:20%; background:#00A87C;}

.navigation {clear:both; width:100%;}
.navigation ul { margin:0;}
.navigation ul li {float:left; display:block; padding:8px 10px; list-style-type: none; list-style-position:inside;}
</style>

<div class="container">
<header class="head">
123
</header>

<nav class="navigation">
<ul>
<li>Пункт меню 1</li>
<li>Пункт меню 2</li>
<li>Пункт меню 3</li>
<li>Пункт меню 4</li>
<li>Пункт меню 5</li>
<li>Пункт меню 6</li>
</ul>
</nav>

<section class="wr">
<article class="main">
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
main main main main main main<br/>
</article>

<aside class="sidebar">
sidebar sidebar sidebar sidebar<br/>
sidebar sidebar sidebar sidebar<br/>
sidebar sidebar sidebar sidebar<br/>
sidebar sidebar sidebar sidebar<br/>
</aside>
</section>


<footer class="foot">
123
</footer>

@media(max-width:960px){
Стили
}
@media(max-width:768px){
Стили
}