function onBreakPointChange(breakPoint){
    
    // Put code here to run on any break point change.
    // Ex. large to medium and medium to large and small to medium...
    
    if (matchMedia(Foundation.media_queries['small']).matches){
        // Put code here to run when page changes to small
    }
    if (matchMedia(Foundation.media_queries['medium']).matches){
        // Put code here to run when page changes to medium
    }
    if (matchMedia(Foundation.media_queries['large']).matches){
        // Put code here to run when page changes to large
    }
    if (matchMedia(Foundation.media_queries['xlarge']).matches){
        // Put code here to run when page changes to xlarge
    }
}

var lastBreakPoint = null;
$(window).on("resize",function() {

    var currentBreakPoint = null;

    if (matchMedia(Foundation.media_queries['small']).matches){
        currentBreakPoint = 'small';
    }
    if (matchMedia(Foundation.media_queries['medium']).matches){
        currentBreakPoint = 'medium';
    }
    if (matchMedia(Foundation.media_queries['large']).matches){
        currentBreakPoint = 'large';
    }
    if (matchMedia(Foundation.media_queries['xlarge']).matches){
        currentBreakPoint = 'xlarge';
    }

    if(lastBreakPoint != currentBreakPoint){
        lastBreakPoint = currentBreakPoint;
        onBreakPointChange(currentBreakPoint);
    }

});