function mainHeightFix() {
    var windowHeight = $(window).height();
    var headerHeight = $('#header').outerHeight('True');
    var mainHeight = $('#main').outerHeight('True');
    var footerHeight = $('#footer').outerHeight('True');
    var totalElementHeight = (headerHeight + mainHeight + footerHeight);
    
    if (totalElementHeight < windowHeight) {
        var finalMainHeight = windowHeight - headerHeight - footerHeight;
        $('#main').css("height", finalMainHeight);
    }
}