переделать сайт на responsive (резиновый или отзывчивый)

нужно сделать адаптивным сайт expert5.com.ua

есть определенные критерии, а именно:

1 Отзывчивый дизайн растягивается как резина в зависимости от ширины экрана или окна, на котором вы просматриваете сайт

2 использовать для просчета такие переменные, как процент экрана — вместо статических переменных, таких как пиксели

3 По мере уменьшения размера экрана, контент занимает больше вертикального пространства, а все, что находится ниже, органически сдвигается вниз. ( поток )

4 Прописанные контрольные точки позволяют изменять макет на разных экранах в зависимости от ширины экрана. Например, на десктопе может быть три колонки текста, а на телефоне — только одна

5 Объединяя элементы в так называемое «гнездо», вы тем самым обеспечиваете всему набору элементов одновременное перемещение или растягивание. Без гнездования элементы могут смещаться каждый сам по себе.

6 Иногда здорово, когда контент растягивается на весь экран, если это смартфон. С другой стороны, этот же контент на весь экран широкоформатного телевизора может быть нецелесообразен. Поэтому иногда нужно ставить ограничитель на максимальную ширину элементов

7 поддержка веб шрифтов на мобильных устройствах и планшетах

8 по возможности елементарные изображения  переформатировать в векторные.

9 при смене положения екрана устройства. Сайт также должен постраиватся под его ширину с учетом всех вышеперечисленных критериев.

все эти критерии подробно описаны здесь: http://ain.ua/9-otlichij-adaptivnogo-dizajna-ot-rezinovogo-v-gif-kartinkax