@media(max-width:900px){
  .nav-links{
    display:none;
  }

  .hamburger{
    display:flex;
  }

  .mobile-menu.show{
    display:flex;
  }

  .hero h1{
    font-size:30px;
  }

  section{
    padding:30px 4%;
  }
}

@media(max-width:500px){
  .article-title{
    font-size:26px;
  }

  .search-bar input{
    width:180px;
  }
}