title: Media Query with ID Selector getting 'expected LBRACE' syntax error
body: <p>I'm trying to update some CSS for mobile only but keep getting the following syntax error: Expected LBRACE at Line 17 Col 1 (which refers to the #logo line)</p>
  
  <pre><code>@media {max-width: 979px)
  #logo { 
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
  </code></pre>
  
  <p>When I edit the CSS in developer tools, it works fine, but as soon as I place it in my CSS child it doesn't work.</p>