Денис Белевцов

background-clip: padding-box

Попробуй uncss

c9.io, конечно серьёзнее, но можно и на JSFiddle(кнопка Collaborate).

Попробуй

max-height: 300px; // fallback
max-height: 85vh; // fallback 2
max-height: calc(100vh - 50px); // отнять высоту отступа сверху

1. Для "$" vertical-align: top; Для "25" line-height: [нужное значение].
2. Каждой строчке списка дать padding-left, а галочки посадить на псевдоэлемент. Либо сверстать таблицей.
P.s. изучите БЭМ, хотя бы основы. Ваши селекторы - ад.

Используй градиент для фона. Прочитай "Леа Веру - Секреты CSS" 5 главу. Пример на JSFiddle

Вот тут всё великолепно расписано. Если умеете пользоваться sass, это что что нужно.
Ещё можно просто сделать размеры фиксированными, и менять с помощью медиа запросов. Для того чтобы имея 2 размера экрана и 2 размера шрифта на них найти 3 размер шрифта для 3-го экрана я сделал вот такой простенький калькулятор