How do I fix this huge gap on the top of my website?

Issue

There's a huge gap on the top of my website and I'm not sure what I need to edit to make it disappear. It was working fine up until a few days ago when I updated my Wordpress version and theme (bizconsulting).

This is the only additional CSS I have used:

h4, h1{
    visibility:hidden;
}

h2{
    color: white;
}

div.page-area{
    visibility:hidden;
}

div.copyright{
    visibility:hidden;
}

Solution

If you do not wish to keep the head banner saying "Infinite Mana - Wonderlust Games, A 2.5D RPG with a huge world, unique classes and glitch mechanics." Then use display:none on it:

.page-area.home_banner_section {
  display:none !important;
}

Answered By - the Hutt