Para o footer não ficar muito extenso no mobile com uma coluna de links em cima da outra, esse código jQuery vai ajudar a aplicar uma classe ao clicar no título da coluna, mostrando o restante dos elementos dela:

jQuery('.footer-col').click(function () {
    jQuery(this).find('.footer-content').toggleClass('visible');
});

Basicamente o que o código acima faz é: ao clicar na div contendo a classe .footer-col, adiciona uma classe .visible na div que contém a classe .footer-content. Com essa classe '.visible' você fica livre para aplicar o CSS desejado para mostrar/esconder o conteúdo dependendo do estado usando a classe combinada '.footer-content.visible'.

Caso eu lembre daqui uns dias, adiciono um exemplo de CSS aqui.