Website applying multiple media queries

I'm testing a web site at www.trsgraphics.com/brittany/. I'm trying to use multiple media queries for responsive formatting. The project is coming along, but there appears to be a strange twist:it looks like the smartphone and tablet pages are displaying styles from multiple CSS source files. There are other problems with images appearing at unexpected sizes, but that is an issue for another trip through the forums.

The media queries, from the file http://www.trsgraphics.com/brittany/_css/mediaqueries.css, are:

@charset "UTF-8";
/* #### Mobile Phones Portrait ####  red*/

@mport fails

I'm working on a Wordpress 3.0 blog and the @import function fails to import. Also, in FF the menu css (at the bottom of the style.css file because of the failure of the @import funciton) is not applied. The menu css is applied in IE, Chrome -- but not FF or Opera . Why not? What's the fix?

http://www.lambifund.org/wp/

Phil

Syndicate content