Mr Crabbz

Так width:100% же будет равняться полной ширине родительского элемента. В вашем случае скорее всего body, который в свою очередь скорее всего принимает ширину вьюпорта. Ну и вьюпорт скорее всего меньше, чем фон.

в sublime text выделите строки - потом shift+tab несколько раз.

Не совсем понятно что именно нужно сделать с этими кружками при помощи градиента. Покрасить кружки?

почитайте про meta initial scale и user-scalable. Вероятнее всего у вас в телефоне включено масштабирование по умолчанию, из за чего может ехать вёрстка.

Рекомендую доучить HTML5+CSS3+JS+jQuery а так же Wordpress. Можно так же ознакомится с Bootstrap. Плюс параллельно фотошоп (в плане нарезки макетов и их вёрстки в pixel-perfect).
А в плане фриланса - тот же upwork позволяет работать без особых вложений. Просто зарегистрируй аккаунт на отца например (для вывода денег нужны паспортные данные и кредитка).

Дайте линк на живое превью.
Часто работаю с OWL - помогу.

Возможно, что шрифты просто установлены у вас на компьютере. Браузер всегда сначала ищет нужный шрифт локально на компьютере и уже потом - на сервере.

Удалите шрифты с компьютера - скорее всего, что на .рф шрифты тоже пропадут.
Соответственно, вердикт - у вас неправильно подключены шрифты к самому сайту.

Используйте такое расширение, какое захотите. Но, насколько я помню, включить исполнение кода в html необходимо в настройках конкретного сервера. Если проект чисто ваш - ради бога. Но если делаете кому-то - лучше делать унифицировано (через .РНР), ибо клиент может захотеть переехать на другой сервер в любой момент и этот новый сервер снова нужно будет перенастраивать. И хорошо, если клиент это будет уметь делать, но у меня такие не встречались.

В этих единицах все элементы верстки будут масштабироваться под любой размер экрана.

Тут возникает другая фишка: например, на обычном пк fullhd 21" 1920х1080 (пускай viewport height будет 1000 для удобства рассчетов) вы хотите кегль шрифта примерно 18 пикселей, то есть 1.8vh. Но на телефоне 1280х720 эти 1.8vh будут равны 720/100*1.8=12.96 пикселей. При этом если у телефона будет экран например 5" - то 13-пиксельный шрифт при такой плотности dpi может оказаться слишком мелким. Смотря, конечно, какой на устройстве стоит pixel aspect ratio.
То есть, без media queries совсем обойтись не получится.

Юзайте сервис типа getresponse.com или smartresponder.ru - они позволяют загружать свои html-шаблоны.

outline: none просто для A вроде как должно помочь.

Хотят вёрстку пиксель в пиксель адаптив - пускай присылают адаптивные графические макеты под все необходимые разрешения экрана.
Не такая уж и проблема. Разве что где-то упрётесь в разный рендер шрифтов.
Если скажут, что адаптив это исключительно ваша работа, ваш ответ должен быть: «окей, тогда я делаю на своё усмотрение» или «я не экстрасенс, бейте дизайнера».

Эх...кто же так кнопки верстает. Да еще и без инспектора.

margin-top уберите и поставьте .site-credit input {float:left}

Главный совет - не урезайте функционал для пользователей смартфонов и планшетов. Желательно оставить буквально всё, что может делать пользователь за компьютером.
При этом оптимизируйте вывод изображений в сторону уменьшения веса для мелких экранов. Часто бывает, что скорость мобильного интернета не фонтан.

Попробуйте ui-cloud.com/