Ladrilhos

Isso aqui faz com que cada parte do site principal fique como estava no mockup, com uma altura específica pra cada ladrilho, deixando eles ou com proporção 2:1 ou 1:1. Notar que:

1. eu usei ``min-height``, não ``height``, então os ladrilhos podem crescer verticalmente se precisar (espero que não precise)
2. isso só é aplicado pro caso de desktop, em telas pequenas a altura vira a altura de seja lá o que tiver dentro

Também adicionei os placeholders que vão ficar dentro deles, ou seja, o conteúdo da página da frente já poderia ser editado assim.

Teve um problema só que não consegui resolver, que não sei se tem a ver com contas mal feitas ou arredondamento ou borders/margins/paddings que estão onde não deviam. A imagem aí de baixo mostra o problema, tem um pedaço no meio do site que as alturas não se alinham (cada quadradao é branco, o fundo é azul):

![captura de tela de 2014-05-22 02 54 35](https://cloud.githubusercontent.com/assets/44905/3050365/186f2898-e178-11e3-9351-9f254fe931be.png)

ps: não incluí o css compilado nesse aqui de novo por conta de muitos commits mexendo no mesmo arquivo e mudando coisas desnecessárias