Как реализовать блок шириной больше .container?
<header>
    <div class="wrapper">
        контент
    </div> 
</header>
<div class="green">
    <div class="wrapper">
        контент
    </div> 
</div> 
<div>
    <div class="wrapper">
        контент
    </div> 
</div>.wrapper{
    width: 1200px;
    margin: 0 auto;
}
Всё оказалось гораздо проще, чем можно было себе представить, спасибо за ответ.