title: Icons not displayed as inline when resizing window to 480px or less
body: <p>Here's part of CSS code:</p>
  
  <pre><code>body {
  width: 80%;
  margin:0 auto;
  }
  
  .icons {
  float:right;
  width:5.2173913%;
  height:60px;
  margin:0 0.43478261%;
  opacity:.5;
  -webkit-transition:opacity .1s ease-out;
  -moz-transition:opacity .1s ease-out;
  -ms-transition:opacity .1s ease-out;
  -o-transition:opacity .1s ease-out;
  transition:opacity .1s ease-out
  }
  
  #title {
  display:block;
  background:url(title.jpg) no-repeat;
  width:32.782609%;
  height:95px;
  margin:0.86956522% auto;
  -webkit-transition:all .25s ease-out;
  -moz-transition:all .25s ease-out;
  -ms-transition:all .25s ease-out;
  -o-transition:all .25s ease-out;
  transition:all .25s ease-out
  }
  </code></pre>
  
  <p>Heres is what the first part looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/poZEO.png" alt="enter image description here"></p>
  
  <p>When I try to add my `@media class:</p>
  
  <pre><code>@media screen and(max-width: 480px){
      #title {
      display:block;
      background:url(title_s.jpg) no-repeat;
      width:100%;
      height:95px;
      margin:0.86956522% auto;
      -webkit-transition:all .25s ease-out;
      -moz-transition:all .25s ease-out;
      -ms-transition:all .25s ease-out;
      -o-transition:all .25s ease-out;
      transition:all .25s ease-out
      }
  
      .icons {
      display: block;
      float: none;
      width: 100%;
      height:60px;
      margin:0 5px;
      opacity:.5;
      -webkit-transition:opacity .1s ease-out;
      -moz-transition:opacity .1s ease-out;
      -ms-transition:opacity .1s ease-out;
      -o-transition:opacity .1s ease-out;
      transition:opacity .1s ease-out
      }
  }
  </code></pre>
  
  <p>it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/16qZW.png" alt="enter image description here"></p>
  
  <p>I don't understand why the icons won't be displayed as <code>inline</code>. I've tried <code>display:inline-block</code> as well. </p>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/Nilzone/2bfhp/" rel="nofollow noreferrer">http://jsfiddle.net/Nilzone/2bfhp/</a></p>