/* @media (max-width: 56em) {
  .container {
    display: block;
    padding: 0;
  }

  .recipe-card {
    border-radius: 0;
    padding: 2rem;
  }
} */

@media (max-width: 44em) {
  html {
    font-size: 52.5%;
  }

  .recipe-name {
    font-size: 3.6rem;
  }

  .container {
    padding: 0;
  }

  .recipe-card {
    border-radius: 0;
    padding: 0 0 3.6rem 0;
  }

  .recipe-img {
    width: 100%;
    border-radius: 0;
  }

  .recipe-info-container {
    width: 100%;
    padding: 0 3rem;
  }
}