Как этот макет адаптировать под мобильные устройства?

Поделитесь опытом. Что то я не могу продвинуться в работе.
Пример страницы:


Я указываю

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Сложность заключается в том, что макет сделан под разрешение 750px. И не понимаю как его адаптировать под разрешение 320px?
Т.е. все вроде бы должно пропорционально уменьшаться когда max-width: 750px.
Какие размеры устанавливать для шрифтов? Ведь если брать из макета, тогда некоторые элементы не помещаются.

Вот конкретно в шапке: кнопка меню логотип и инфо пользователя не помещаются в 320px. Уменьшать логотип, кнопку и размеры имени?
Тогда и сайд бар должен уменьшаться. Возникает другой вопрос, как сделать иконки адаптивными? Для img понятно max-width. А для спрайтов?