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

Действительно. Тогда логичнее было бы отбить содержимое медиа-выражения пробелами:
```less
@media screen and (min-width: 700px) {
    body{
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 960px;
        margin: auto;
        background-image: url(../img/bg_img_phone.png), url(../img/bg_photo_ipad.jpg);
        background-position: right 5%, 50% 0% ;
        background-attachment:local;
    }
}
```

А ещё было бы клёво разбить эту простыню на файлы: переменные, миксины и всякие общие стили — в одном файле, всё что в шапке — в другом файле, всякие `review` — в третьем файле и т.д.