Engineer theme Contact page not working correctly

[Aircub (Karl Bundy)]

https://www.jehallett.co.uk/Contact%20/

The contact form is not working correctly. The first two entries, name and email cannot be filled in. I have checked the page setup and they are required.

I have made another contact page and the same happens.

Any ideas Why and how to fix this.

[Aircub (Karl Bundy)]

OK I solved it myself. I had some CSS code to make the Site banner smaller. Unfortunately a consequence of it was that it made part of the banner overlap the contact page. The offending part of the script was the height 70vh, I had it set to 100vh and this caused the problem

}
.hero,
.hero-background {
height: 70vh;
}

Here is my CSS script, is it correct?

h1.hero-title {
font-family: ‘Helvetica Neue’, Helvetica Neue;
font-weight: normal;
font-size: 2.5rem;
color: #d0d3d1;
}
p.hero-slogan.display-4 {
font-family: ‘Helvetica Neue’, Helvetica Neue;
font-weight: normal;
font-size: 1.5rem;
color: #d0d3d1;
padding-bottom: 600px;
}
.hero,
.hero-background {
height: 70vh;
}
.footer .navbar-nav {
display: none !important;
}
@media screen and (min-width: 768px) {
.hero-content {
bottom: 20%;
}