npofopr

У вас меню вываливается. 
Раз у вас сайт не адаптивный я бы зафиксировал viewport 
<meta name="viewport" content="width=1024"> Только длину вашу указать надо. Какая должна быть. 
А меню вываливается, т.к. у дочерних элементов задана длина. 
 
И box-sizing я бы для всего указал: 
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }  

Есть же документация. 
Как вариант http://jade-lang.com/reference/mixins 

https://toster.ru/q/78158
через htaccess на сервере

у меня вроде всё корректно. 
И на ссылках флоаты не нужны. вообще не понятно, зачем вы их туда впихали.

Пусть верстают. Значит у них проект не ориентирован на этих пользователей. 
 
что мешает использовать всё это в паре? 
1. берут то, что знают. 
2. стабильность. 
3. у них поддержка с IE9. 
да много причин можно найти. 
Это старый проект, где не всё так просто всё переписать или нет на то финансов.

Модельное окно, называется)

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html
http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

а лучше на flexbox

Да тут скорее IE делает всё правильно, а остальные просто подстраиваются. 
100vh это растянуть же на всю высоту вьюпорта. Что IE и делает. А остальные браузеры тянут дальше, хотя если смотреть через консоль, то высота пишется вьюпора.
Надо указывать так min-height: 100vh; так правильнее будет.
IE тут как раз делает всё так, как написано. А остальные отсебятину несут. ИМХО.
Может вам поможет https://codepen.io/anthonyLukes/pen/DLBeE

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html
text-align: center;
Или пользуйтесь flexbox

vertical-align:top;

Собственно, потому что вы их к правому краю прибиваете.

Таблицы вам чем не угодили? 

body {margin: 0;}

во, http://css-live.ru/css/metriki-shrifta-line-height-vertical-align.html
почитайте

1. html и css. попросит, выдадите. лучше всё равно все ваши проекты хранить в гите (битбаките).
2. готовые. редко когда прямо на сервере компилируют. Но можно держать там и сборщик. чтобы последующий разработчик скачал и скомпилировал, а потом залил файлы. + есть всякого рода ftp sync. 
А в целом всё от проекта зависит и разработчиков. 
Можно и локально разрабатывать, делать push в git и чтобы автоматом деплоилось на сервер и т.п. :-) 

Флоаты, наверно, где то есть. overflow:hidden; для родителя должен помочь.
Вы бы лучше ссылку на страницу выкладывали.

По косорезу можете ещё тут посмотреть https://css-tricks.com/creating-non-rectangular-headers/
По верхним иконкам - картинки.
По теням, или картинки или есть целые генераторы -
 )

Как с заказчиком договоритесь) 
Оба варианта уместны. 
Но обычно рисуют мобилу, планшет, PC, иногда ещё бывает FullHD, как то так. 
Но когда дёшево и сердито, то всё сам. + от дизайна зависит.

Нельзя потому что так делать. Ссылку вкладывать в ссылку.

https://svgontheweb.com/ru/
http://frontender.info/using-svg/
http://prgssr.ru/development/dostupnye-svg.html
http://prgssr.ru/development/oformlenie-soderzhimogo-use-v-svg-s-pomoshyu-css.html

Это с js

display: inline-block; применяется к конкретному блоку. 
вам нужно указать, видимо 
.mc_item_wrap > .mc_item  

vertical-align: middle;

У бутстрапа есть .container-fluid.
Читайте документацию.