lamer350

https://codepen.io/anon/pen/dqBKYV
для класса lines изменяйте размер шрифта чтобы изменить высоту фона подложки.

в joomla подгружается еще jQuery no conflict по умолчанию, в гугле найдете множество ответов как использовать jquery в таком случае, самый простой (в объяснении) - заменить все $ на jQuery

Видно что люди раздающие советы - никогда не рисовали дизайн на маке)
1. Что хочется сказать, 200% масштаб на макбуке - это не есть тру, на самом деле там реальный масштаб 180 с копейками!
2. К сожалению, идеальный вариант только 27’’ 2560х1440
3. Apple эту проблему предугадало ещё с выходом первых ретина экранов, ищите иконку photoshop в папке Программы, нажимаете на ней контекстное меню и вызываете свойства, ставите галочку на пункте «запустить в низком разрешении» (возможно будет написано по другому, пишу по памяти).
Теперь фотошоп будет открываться с интерфейсом и масштабированием под обычные мониторы, выглядеть будет стремновато и сам интерфейс, но ничего не поделать... зато 100% масштаб
4. Те проблемы с мылом что вы описывали в комментариях - а что вы хотели?) Именно потому и сайты адаптируют отдельно под ретину! Если вы выполните пункт 3, у вас будет мыльцо однозначно при разработке, но на обычном экране макет будет выглядеть нормально.
Если вас это сильно напрягает, то только пункт 2 будет выходом для вас, я использую например 3 вариант.

В пределах нормы все. До 70 градусов греется проц от простых анимаций на сайте, где анимированные фоны и тп.
Дело в том что куллер при этом даже не поднимает обороты, у меня к примеру на 15ке 16го года куллеры начинают повышать обороты при температуре 75 градусов где то. Пиковая температура где то около 110 градусов.
Скачайте MacFunControl, там более подробно увидите информацию.