/* BELOW 1344px (Smaller desktops) */
/* @media (max-width: 84em) {
  .header {
    max-width: 120rem;
  }

  .header-text {
    font-size: 1.25rem;
  }

  .main-img {
    grid-template-columns: repeat(2, 1fr);
  }
} */
/* BELOW 600px ( mobile) */
@media (max-width: 40em) {
  .intro {
    padding: 2rem;
  }
  .intro-text {
    font-size: 1rem;
    margin-top: 1rem;
  }

  .main-img {
    width: 20rem;
  }
}
/* BELOW 400px ( mobile) */
@media (max-width: 30em) {
  .intro {
    padding: 2rem;
  }
  .intro-text {
    font-size: 0.6rem;
    margin-top: 1.5rem;
  }

  .main-img {
    width: 12rem;
  }
}