//const header = document.getElementById("header");
const headerHeight = header.offsetHeight;
const headerContainer = document.getElementById("header-container");
const threshold = header.getBoundingClientRect();

const handleScroll = () => {
  if (window.scrollY >= (headerHeight/2) || window.pageYOffset >= (headerHeight/2)){
	header.classList.add('header--scroll');
    headerContainer.classList.add('header-container--scroll');
	}
  else {
	header.classList.remove('header--scroll');
    headerContainer.classList.remove('header-container--scroll');
	}
}

window.onscroll = () => {
    requestAnimationFrame(handleScroll)
}