Jeeper7727, add this to footer[role="contentinfo"]
float: left;
min-width: 100%;
The color of the navigation is retrieved from the mother theme, Twenty Twelve, style.css, line 1577
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
It is in a media query ((min-width: 600px) which means it works on screens larger than 600px (like your desktop). Check about the same location for the hover effect. Put the same in your child theme's style.css to override the mother theme