'use strict';


document.addEventListener("DOMContentLoaded", () => {

    document.addEventListener('scroll', scrollFunction);

});



function scrollFunction() {

    let headerHeight = 0;
    const offset = 100;

    if (document.documentElement.scrollTop > offset) {
        headerHeight = 5.5;
    } else if (document.documentElement.scrollTop < offset / 10){
        headerHeight = 12;
    }

    if (headerHeight !== 0){
        document.getElementsByClassName("banner")[0].style.height = `${headerHeight}vw`;
    }

    
}