/* HERO SECTION */
.hero-section {
  background: var(--purple);
}

/* PARALLAX SECTION */
.parallax-article {
  background-image: url('/projects/icecreamProject/images/aboutPageParallax.webp');
}



@media only screen and (min-width: 300px) and (max-width: 1000px) {
  .about-article {
    width: 100%;
  }

  .about-section {
    padding: 60px;
  }
}

@media only screen and (max-width: 600px) {
  .about-section {
    padding: 60px 30px;
  }
}