CSS applied on a Text Widget not working

That is what I want:
https://codepen.io/anon/pen/azyXLL

I tried adding !important but it didn’t help.

Hey,

You have a missing } here:

@media screen and (max-width: 320px) {
.site-header {
display: none;
}

That’s preventing the code below it to work.

You know, I’ve been trying to love these brackets.
I REALLY DID.

Thanks for the quick answer vladff.
What I do love right now is Moesia. =]

Well, if you would indent the media queries you would have noticed it’s missing ??

Ratings and reviews are always appreciated ??

Yeah. I put this code in the stylesheet to make another test of another thing, in another occasion.

I’ll be more attentive next time.

Rated.
Thanks again.