var wHeight = window.innerHeight;
var sb = document.querySelectorAll(".search-button");
var closeSB = document.querySelector(".search-close");
var SearchOverlay = document.body;
var searchBar = document.querySelector(".search-bar");
// Show
searchBar.style.top=wHeight/2 +'px';
    console.log(wHeight);
    window.addEventListener("resize", function() {
        console.log(wHeight);
        wHeight = window.innerHeight;
        searchBar.style.top=wHeight/2 + 'px';
    }, true);
sb.forEach(sb => { 
    document.addEventListener("click", function() {
        sb.onclick = function() {
        console.log("Opened Search for Element: ");
        SearchOverlay.classList.add("show-search");
    };
});
// Hide
closeSB.onclick = function() {
    console.log("Closed Search for Element: " + closeSB);
    SearchOverlay.classList.remove("show-search");
    };
}, true);