Адаптивность: планшетная версия Pink

Самый настоящий волшебный БЭМ делается по-другому, и пока лучше не знать, чтобы оно не сказалось на понимании. Пока я предлагаю тебе просто каждый блок (или несколько) выделить в отдельный файл, а то читать такую простыню не очень удобно. Сделать это можно примерно так:
 * `common.less` — тут всякие переменные, миксины, общие стили (которые без классов, типа для body);
 * `header.less` — тут всякие стили для `header`, `menu` — всего, что в шапке, короче;
 * `footer.less` — тут социокнопки, копирайт — вот это всё;
 * остальное можно спихать в `main.less`, а можно ещё подробить по блокам — как тебе удобнее.

А потом сделать `style.less`, в котором подключать всё через [import](https://github.com/KiraShubik/Pink/pull/6#discussion_r21851987):
```less
@import "common";
@import "header";
@import "main";
@import "footer";
```

И при компиляции `style.less` у тебя все импорты будут *включаться* в итоговый CSS.