responsive (mobile only css)

Hi, where in the style-preset1.css can I add custom css only for the mobile portrait screen size (max-width: 320px) I tried to add @media (max-width:320px) { a.site-logo img { max-width: 90% } } but without any results. Thx -G