@media only screen and (max-width: 1500px) { #app { width:80%;  } } 
@media only screen and (max-width: 1200px) { #app { width:90%;  } } 
@media only screen and (max-width: 900px)  {
  #app { width:100%; padding:0; padding-top:45px;}
  header {
    height: 45px;
    padding:10px;
    padding-top:0.5rem;
    padding-left:1rem;
    position:fixed;
    justify-content: flex-start;
  }

  header .logo img {
    display:none;
  }

  header .logo_mobile img {
    display:block;
  }
  
  #redes {
    display:none;
  }

  #redes-mobile-container {
    display:block;
  }
  
  #navButtonContainer {
    transform: scale(0.7);
    position: absolute;
    right: -8px;
    top: -5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #featured1 img.featured1_image {
    display:none;
  }
  
  #featured1 div h2.titulo {
    font-size: 24pt;
  }

  #featured2 {
    display:block;
  }
  #featured2 div.featured2_container {
    width:100%;
    border-bottom:1px solid #333;
  } 
  main #sidebar {
    display:none;
  }
  main #posts {
    width:100%;
  }
  #navCategorias {
    top: -17px;
    transform: scale(0.8);
    right: -19px;
  }

  #titulo {
    width:100%;
  }

  footer {
    gap:1rem;
    justify-content:flex-start;
  }

  footer div.info {
   margin-left: 0;
  }

  footer .categorias {
    display:none;
  }

  .ads {
    flex-direction:column;
    gap:1rem;
  }

  .ads a {
    width: 90%;
    height: auto;
  }
}