trouble styling content

I can’t get the content class to work for me. I’ve tried adding my own class to the HTML pop up content as well and it will not work to style the content. The rules were tested in firebug on firefox and work there, but not when uploaded in the theme’s style sheets. When I use the styles in-line, they work as well, but I need to have a responsive rule that differs. Why won’t it work?

.sg-popup-content .popup-openhouse {padding-right: 40% !important;}
@media only screen and (max-width: 600px) {
.sg-popup-content .popup-openhouse {padding-right: 20% !important;}
}

Thanks!

The page I need help with: [log in to see the link]