Why is the style not being applied in Media?

Question

css

1. Set the style for the page:

.site-cover {
  background: url('../images/pattern.jpg') repeat;
  margin-top: 170px;
  margin-bottom: 60px;
  box-shadow: 0px 0px 5px #999;
}

2. Need to cancel for screens 960px and smaller media screen and (max-width: 960px) some styles:

.site-cover {
  background: none;
  box-shadow: none;
}

Почему-то не срабатывает. Если ставлю display: none; - то срабатывает, однако этот стиль не нужен.

Answer 1

I assume that the second code with media is specified in the markup before the first, so it turns out that the first overrides the second

Answer 2

Perhaps Andrey is right, or there is some other error in the markup, you need to look, because this simple example with your styles works:
codepen.io/anon/pen/KwxdMy