Subtheme Media Query not loading correctly (.responsive.style.css)

I have created a sub-theme of Sky using Footheme. My sub-theme's name is "froman". I followed the instructions how to activate media queries in my subtheme's template.php file but for some reason they do not appear to have any effect. If I view source of my page, I can see my custom sub-theme responsive.style.css file loaded -- "froman.responsive.style.css", however, when I resize my browser, and view with Firebug, the only file I see that has effect is sky.responsive.style.css. I basically copied Sky's styles from sky.responsive.style.css over to mine.

Here is some more detail.

My template.php code in my theme folder is:

function froman_preprocess_html(&$vars) {

  // Load the media queries styles
  // If you change the names of these files they must match here - these files are
  // in the /css/ directory of your subtheme - the names must be identical!
  $media_queries_css = array(
    'froman.responsive.style.css',
    'froman.responsive.gpanels.css'
  );
  load_subtheme_media_queries($media_queries_css, 'froman'); // Replace 'footheme' with your themes name

I also placed froman.responsive.style.css in my theme's CSS folder and of course cleared cache. My site is not online yet, only local dev but I may be able to get it online within the next week or so if you need to get a look at it.