Matchmedia частично работает?

Question

Мне удалось частично выполнить мой запрос matchmedia, т.е. он работает при загрузке окна, но не может работать с изменением размера. Я действительно новичок в этом (отсюда дерьмовый вопрос), так что успокойся и говори медленно. Я пытаюсь заставить его срабатывать, когда экран меняется или страница загружается.

http://codepen.io/anon/pen/XJZOMw

function mediaqueryresponse(screencheck){

    if (screencheck.matches){

        function introHeight(){

            var introheight = document.getElementById("bottom").offsetHeight;


            document.getElementById("introtext").style.top =(180 - introheight) + "px";
            //document.write (introheight);
            }

        //document.onresize = introHeight;
        window.onresize = introHeight;
        }

}       
var screencheck = window.matchMedia("all and (max-width: 419px)");
mediaqueryresponse(screencheck); // call listener function explicitly at run time
screencheck.addListener(mediaqueryresponse); // attach listener function to listen in on state changes

Спасибо и извините, если это дублирующее или просто дерьмовое программирование и / или плохо написанное или не в том месте.