Joomla 3.4 Template Edits and Mobile Compatibility

My website address can be seen in the attached screenshots. -- Remove [login to view URL] from all the URLs -- Remove the dotted line ... I have attached a screenshot to show you -- Change font to Pragmatica Web font (Adobe typekit and the font is already installed on my site ... It was working correctly and I made a change in the backend to [login to view URL] and it seems to have overridden the font and changed it back to Arial) -- There is white space below the footer still if there is not enough in the content area of a page(example: Demo or Purchase page has a large white space below footer). Extend the footer so that it is always black to the bottom of every page regardless of the amount of content. Screenshot attached. -- Hover the three box buttons (home page) and two box buttons ("Demo or Purchase" page) and make them change on mouse hover ... Link them to URLs that I will provide. I will provide PNGs for buttons and active buttons. This must be compatible when viewed on all devices ... the location of the buttons should not move when viewed on a phone or other device that resizes the page. -- Fix Raxo All-Pro Module (on "Elite News" page) so it displays within the white Content Area (instead of the default blog layout) and make it display the continue reading button and the pagination arrows at the bottom of the page (jQuery conflict?) [login to view URL] -- Modify Footer to match the PSD. This must display properly when resized for any mobile or tablet device. -- Make the site fully compatible with all browsers, mobile devices and tablets. Most of it is working just fine, but still need to fix the following issues with current template on mobile devices and tablets: -- Front page graphics don't display (it is just a gray background) -- No Menu is displayed on mobile devices. -- Only 2 images of the 12 images on the home page gallery are displaying on the phone. (the 6 black and 6 white pictures just above the footer)