I changed this part of stylesheet.css from

#header {
  height: 283px;

to

#header {
  height: 240px;

And that removed the gap.

To make the title uppercase, change

.subHeading {
  display: block;
}

to

.subHeading {
  display: block;
  text-transform: uppercase; 
}

thank you, it worked ^^!