Footer symbol won't stick to bottom of page

I’ve got a footer section, converted to a symbol.
Trying to get it to stick to the foot of the web page, which it does on the Desktop Base breakpoint, but appears part way up the page on Tablet and below.

I can’t seem get it to fix to the bottom of the page.
Can you have a look and point out where I’m going wrong?
Thanks in advance

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @SteveH just remove fixed height:100vh on your Hero element and footer will get position in standard flow under your hero.