Media-Queries werden nur teilweise akzeptiert

[da-vid]

p {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 300;
    font-size: 3em;
    color: black;
    text-align: center; 
}
@media (max-width: 50em) {
p {
font-size:1em;
}
}

Diese Zeilen CSS werden beim Firefox problemlos verstanden, Chrome akzeptiert sie aber leider gar nicht. Stimmt etwas mit dem Code nicht? Irgendwo ein Fehler? ..zumal es ja beim Firefox klappt..

(Firefox Version 43.0a2; Chrome Version 46.0.2490.80 m)

Danke für eure Hilfe :)