@media screen and (max-width: 900px) {
  .logo span {
    display: none;
  }
  .hero-container {
    margin-top: 3rem;
    flex-direction: column;
  }
  .hero-container .hero-desc {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .hero-container form {
    position: relative;
    margin: auto;
  }
  .hero-container .search {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-container .hero-img {
    width: 80vw;
  }
  .meal-details {
    width: 92%;
    padding: 1em 0.5em;
  }
}/*# sourceMappingURL=responsive.css.map */