.section-hero {
  width: 100%;
  height: auto;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;  
}


.section-container {
  margin-top: -2.1rem;
  position: sticky;
}

.sticky-3 {
  top: 3rem;
}

.sticky-4 {
  top: 4rem;
}

.sticky-5 {
  top: 5rem;
}

.sticky-6 {
  top: 6rem;
}

.sticky-7 {
  top: 7rem;
}


.section {
  width: 100%;
  height: auto;
  border-radius: 2rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  top: -2rem;

  padding: 2rem;
  padding-bottom: 4rem;
}


.bg-intro {
  background-color: white;
}

.bg-what-is {
  background-color: #f88921;
}

.bg-place-and-date {
  background-color: #f94824;

}

.bg-stands {
  background-color: #b5337a;

}

.bg-other {
  background-color: #264da1;

}

.bg-about {
  background-color: black;

}


@media (max-width: 768px) {
  .section-container {
    position: initial;
  }

  .sticky-3,.sticky-4,.sticky-5,.sticky-6,.sticky-7 {
    top: 0;
  }

  .section-hero {
    position: initial;
  }  
  
  .section-hero img.header-image {
    width: 100%;
    height: auto;
  }

  .section {
    /* padding-bottom: 4rem; */
  }
}