HERO HEIGHT

HERO BEHIND FIXED HEADER

Add display: none; to the existing properties for .stickyHeaderSpacer in site-theme.css
*.stickyHeaderSpacer { height: 96px; display: none; }

FULL HEIGHT HERO

To make a row span the full height of the browser window use the vh (viewport height) value. Note: this will not account for other rows above the fold i.e. header & nav rows.
[SELECTOR] {
height: 100vh;
min-height: 500px;
}
min-height should be set to ensure the row cannot shrink to less than the height of it's children.

FULL HEIGHT HERO - MINUS HEADER

To make a row span the full height of the browser window minus the height of other rows, combine the calc() value with vh.
[SELECTOR] {
height: calc(100vh - 100px);
min-height: 500px;
}
The pixel value being taken away from the height should equal the height of all other rows to be considered i.e. header & nav rows.

VERTICALLY CENTERING HERO CONTENT

Flexbox can be used to vertically center content within rows/columns with responsive heights. See Flexbox for more information.