.cover {
  height: 800px;
}
.cover-wave {
  height: 452px;
}
.logo-container {
  width: 550px;
  height: 550px;
  background: rgba(241, 244, 253, 0.95);
  z-index: 2;
}
.scroll-to-button {
  padding-right: 20%;
  z-index: 3;
}
.scroll-to-button-icon {
  width: 65px;
  height: 65px;
}
.why-container {
  height: 787px;
}
.weight-calculator-container {
  height: 700px;
}

@media (max-width: 1023px) {
  .cover {
    height: 650px;
  }
  .cover-wave {
    height: 200px;
  }
  .logo-container {
    width: 400px;
    height: 400px;
  }
  .scroll-to-button {
    padding-right: 15%;
  }
  .why-container {
    height: 100%;
    margin: 3rem 0;
  }
}
@media (max-width: 768px) {
  .cover {
    height: 465px;
  }
  .weight-calculator-container {
    padding-top: 3rem;
    height: 700px;
  }
}
@media (max-width: 767px) {
  .cover {
    height: 300px;
  }
  .scroll-to-button {
    padding-right: 40px;
  }
  .scroll-to-button-icon {
    width: 40px;
    height: 40px;
  }
  .cover-wave {
    height: 130px;
  }
  .logo-container {
    width: 225px;
    height: 225px;
  }
  .weight-calculator-container {
    height: 100%;
  }
}