Header height

I wanted less space vertically around my logo and achieved this by changing the following from 50px to 10px. That works great, but only at a large size. If I go to other screen sizes (e.g.max-width: 1280px, or max-width 1024px) the padding comes back. #hgroup-wrap, .hentry, .comments-area article { padding-bottom: 10px; } #site-logo, #hgroup, .header-sidebar, #supplementary, #main { padding-top: 10px; } I've tried putting the above code in a @media screen area (all in my child theme, of course) but it doesn't do anything. I can't figure out why that spacing is different at the different sizes and why I can't edit them.