.scroll-snap-wrapper {
  position: relative;
  overflow: scroll;
  height: 100vh;
  /*scroll-snap-type: y mandatory;*/
}

.scroll-section {
  /*min-height: 100vh;*/
  scroll-snap-align: start;
  position: relative;
  padding: 80px 10px 80px 10px;
}

.scroll-section:nth-child(even) {
  color: white;
}

.scroll-section:nth-child(even)::before, .scroll-section:nth-child(even)::after {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  height: 80px;
  background: url('../../assets/img/back_wave.svg');
  background-repeat: repeat-x;
  background-size: 150% 80px;
}

.scroll-section:first-child::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 160px;
  background: url('../../assets/img/back_wave.svg');
  background-repeat: repeat-x;
  background-size: 150% 160px;
  transform: scale(-1);
}

.scroll-section:nth-child(even)::after {
  top: auto;
  bottom: -80px;
  transform: scale(-1);
}

.scroll-section:nth-first-child()::before {
  top: auto;
  bottom: -80px;
  transform: scale(-1);
}

.scroll-section:nth-child(even) {
  background-color: #007335;
}

.navbar.fixed {
  position: fixed;
  background-color: white;
  width: 100%;
  opacity: 0.95;
}

p {
  text-align: justify;
}

html {
  color: #878787;
}

h3 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
}

h4 {
  font-size: 0.9em;
}

.nav-link {
  color: white!important;
}

@media (max-width: 770px) {
  .nav-link {
    color: black!important;
  }
}