@media (min-width: 345px) and (max-width: 375px) {
  /* h1 {
        font-size: 2.3rem;
    } */
}

@media (min-width: 376px) and (max-width: 500px) {
  /* h1 {
        font-size: 2.5rem;
    } */

  .search-btn,
  .menu-btn {
    font-size: 1.9rem;
  }
}

@media (min-width: 501px) {
  /* h1 {
        font-size: 3rem;
        margin-right: 1.5rem !important;
    } */

  .logo {
    height: 93px !important;
  }

  .buttons {
    padding: 2.5rem 10%;
    display: flex;
    justify-content: stretch;
    margin-bottom: 0.5rem;
  }

  .search-btn {
    margin-right: 2rem !important;
    font-size: 2.3rem;
  }

  .menu-btn {
    margin-left: 2rem !important;
    font-size: 2rem;
  }

  .buttons i {
    padding-left: 1rem !important;
  }

  header > h1 {
    font-size: 2.2rem;
  }

  .footer__container {
    flex-direction: row;
  }

  .footer__bio {
    margin: 0 0 0 3%;
    flex: 47%;
  }
}