working on settings tab and matchMedia

settings tab
- made it minimize at a larger size
- fixed the border color at smaller widths
changed checkMobile to mediaQueries
- added a mid-size breakpoint
- switch to use the matchMedia feature
- added paulIrish's matchMedia polyfill for legacy brower support