This should help:
.front-page-content-area .entry-content {
max-width: 700px;
}
.hero > div > div > div {
padding-bottom: 0;
padding-top: 0;
}
.front-page-content-area .entry-content {
margin-top: 0;
}
Whether someone sees the buttons without having to scroll down completely depends on their browser window size and screen resolution. For example, on my screen I don’t have to scroll at all to see not only the buttons, but the full featured image.