title: rails where to include @media css tags?
body: <p>Right now I have in my layout.html.erb some css rules with @media</p>
  
  <pre><code>&lt;style&gt;
   @media (max-width: 900px) {
      .green-button{
        display: none!important;
      }
      .chat_button{
        margin-top: 20px!important;
      }
      #myCarousel{
        height:800px!important;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>I want to get rid of them and put them in css file. In my css folder I created file  <code>mobile.css</code> and put this code there. But it doesn't work.
  How do I fix this?</p>