title: Second media query not working
body: <p>The media query for the phone isn't working. I've looked at other posts and have found no solution. </p>
  
  <p>As said above the problem is pretty plain. The media query for the laptop works, but for the phone does not seem to get recognized. 
  Website:
  www,beesandthebirds.com</p>
  
  <pre><code>/*Media queries*/
  
  /*Phone*/
  @media only screen and (max-width: 415px) {
      #logo{
          background-size: 76%;
          height:60%;
      }
      #text{
          top:49%;
      }
      #text &gt;h1{
          font-size: 4.5em;
      }
      #space{
          bottom: -47px;
      }
      .x8{
          top:625px;
      }
      .x9{
          top:725px;
      }
      .x10{
          top:825px;
      }
  }
  
  /*Laptop*/
  
  @media only screen and (min-width:1024px) and (max-width: 1367px) {
      #logo{
          background-size: 21%;
          height:60%;
      }
  
      #text{
          top:49%;
  
      }
      #text &gt;h1{
          font-size: 1.5em;
      }
      #space{
          bottom: -47px;
      }
  
  
  }
  </code></pre>