title: Some things in media queries are not working
body: <p>I need to do a 'display: none' in a media query but for some unknown reason it is not working. I tried all the ways, with min-width, with max-width, adding a  to it but it still doesn't work. Can somebody help me? Thanks</p>
  <p>HTML</p>
  <pre><code>&lt;div class=&quot;navbar&quot;&gt;
      &lt;h2&gt;THE BARBER AK-47&lt;/h2&gt;
      &lt;nav class=&quot;flexContainer container&quot;&gt;
          &lt;ul class=&quot;menu&quot;&gt;
              &lt;div class=&quot;logoAndMenuContainer&quot;&gt;&lt;img src=&quot;../images/kisspng-the-barber-shop-shaving-logo-barbershop-5adbe80e82a4b8.5084346115243612305351.png&quot; alt=&quot;&quot; class=&quot;logo&quot;&gt;
                  &lt;div class=&quot;liContainer&quot;&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt; La barbería&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Servicios&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Trabajos&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Equipo&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Ubicación y horarios&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Comentarios&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Publicaciones&lt;/a&gt;&lt;/li&gt;
                      &lt;div class=&quot;closeMenu&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/div&gt;
                      &lt;span class=&quot;icons&quot;&gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                      &lt;span class=&quot;icons&quot;&gt;&lt;i class=&quot;fab fa-whatsapp&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/ul&gt;
          &lt;div class=&quot;visibleIcons&quot;&gt;
              &lt;span class=&quot;iconsOfVisibleIcons&quot;&gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i&gt;&lt;/span&gt;
              &lt;span class=&quot;iconsOfVisibleIcons&quot;&gt;&lt;i class=&quot;fab fa-whatsapp&quot;&gt;&lt;/i&gt;&lt;/span&gt;
          &lt;/div&gt;
  
      &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>@media(min-width:800px) {
  .navbar h2 {
      display: none;
  }
  </code></pre>
  <p>}</p>
  <pre><code>.navbar h2 {
  color: #BC9668;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  font-family: 'Newsreader', serif;
  font-weight: 300;
  letter-spacing: 5px;
  </code></pre>
  <p>}</p>
  <p>Pictures</p>
  <p><a href="https://i.stack.imgur.com/ctXjP.png" rel="nofollow noreferrer">mobile</a>
  <a href="https://i.stack.imgur.com/JJTDT.png" rel="nofollow noreferrer">desktop</a></p>