jsfiddle.net/L5q0thbc/3 не очень понятно зачем контейнер в контейнере, функция завязана на классы, стили для других разрешений должны идти в порядке убываения ширины, в итоге перекрываются возможно вам вообще лучше использовать flexbox'ы если нету ограничений каких-то по кроссбраузерности, вообще пишите лучше в скайп потому как тут не очень удобно
dk-web: ну в вашем случае, кэширование никак не влияет, потому что скрипт ресайза срабатывает по событию document.ready который в свою очередь срабатывает по событию DOMContentLoaded, которое современные браузеры типа Chrome, Firefox, Safari генерируют независимо от того успел ли стиль font-face отработать
dk-web: нет, auto просто логичнее смотрелось бы там, основную работу делает именно колбэк который вызывает функцию "уравнивания" колонок, собственно т.к. сама по себе у вас в коде она тригерится только по ресайзу, вам необходимо будет вешать её вызов для необходимых блоков, на каждый обработчик изменяющий размеры колонок. По поводу левой колонки, если честно, не понял о чем вы.
ссылка битая
странно что не дописались, я вам по почте ответил, ищите в спаме мб