Олег

Почитай, что такое viewport и вообще адаптивная верстка

ХЗ.
1.Смотри правильное название шрифта
2.Что то у тебя выделяет у второго шрифта двоеточие? Попробуй в английской раскладке написать двоеточие

P.S Это дико бесит

Ищи "переопределение стилей bootstrap"

как вариант :after или :before
https://jsfiddle.net/42zo90jn/

Флексбоксами
Можешь рассмотреть вариант шаблона Metro

Посмотри, на каких серьезных проектах его только нет.
Зы. "Серьезность" покажет время, а остальное стартаперские амбиции

Free вариант.
Делаешь форму. Отправляешь на мыло к которому привязан твой телефон(создай email чисто для принятия писем с сайта). Получаешь уведомление по смс о приходе мыла или просто через агента. Читаешь> перезваниваешь.

https://jsfiddle.net/bjsedf40/1/

На svg прикольно можно реализовать так tympanus.net/Tutorials/BorderAnimationSVG

для hover не назначай border или padding!
либо делаешь бордер сразу с прозрачным border и при hover добавляешь цвет

попобуй это toolser.ru/base64-image
А вообще просто сохраняй изображение в нужном формате.
Вот твоя картинка jsfiddle.net

Добавить для .text
margin-right: 15px;