А оно и не должно схлопываться.
Схлопываются margin у идущих друг за другом (друг под другом) элементов, а не у вложенных.
UPD. Не нашел никаких margin у div.
Если пути в целом правильные, то, вероятно, дело в больших-маленьких буквах.
Локально может разницы не быть (Windows), а на сервере - это разные имена файлов/каталогов.
Для начала откройте в браузере "Инструменты разработчика" -> "Network", сделайте Ctrl+F5 (или что там у вас), и посмотрите что загружается, а что выдает 404 Not Found.
Возможно сразу станет понятно чего не хватает и почему.
Свойство vertical-align работает только со строчными элементами или строчными блоками и ячейками таблицы. В случае применения не к ячейкам таблицы, оно действует на сам элемент, а не на его содержимое.
Попробуйте посмотреть на переменную окружения 'SERVER_ADDR', надеюсь ip локального и рабочего сервера у вас хотя бы различаются.
Если у вас php, то $_SERVER['SERVER_ADDR'].
Как выяснилось, BlastPy следил за трафиком и 25.8 кБ это размер исходного css упакованного gzip при передаче.
По-этому минифицированный файл и оказался больше, чем исходный.