How do I change the font colour for my second header on one page?

Here's my URL;

https://grey-rectangle-kra2.squarespace.com/config/design/styles

I want to have header number 1 ('For the love of words.) in white, and the second header at the bottom of the page (Make an Enquiry / Become a Contributor) in black so that they both stand out against their respective backgrounds.

But every time I change one it changes the other. Is there a way around this?

Thanks in advance

@braddibs Your site is private. Please setup password & share url. See how to: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL

Ok it's done. edited out password & URL for privacy

@braddibs Add to Home > Design > Custom CSS

/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   color: black;
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
   color: black;
}

You are a legend mate, thank you!

@braddibs I see the word "Make an enquiry" and "contributor" a bit big on the phone

Yeah I see that too, it's hyphenating them. I guess I can reduce the size in Design>Styles right?

@braddibs You can try there. Or if you want to change the font size on only phone, some custom code like above can solve

The second option is definitely preferable, but I have no coding or CSS experience and I don't want to take up any more of your time, you've already been very helpful!!

@braddibs you can try

/* For phone */
@media screen and (max-width:640px) {
/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   font-size: 18px;    
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
    font-size: 16px;
}
}

@braddibs you can try

/* For phone */
@media screen and (max-width:640px) {
/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   font-size: 18px;    
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
    font-size: 16px;
}
}

I've changed the text from 'Make an Enquiry' to 'Check out our services', so should I replace that phrase in the code like this?

/* For phone / @media screen and (max-width:640px) { / Check out our services / div#block-56e1f5499f7266cdffeb416f h1 { font-size: 18px;
} / Contributor */ div#block-yui_3_17_2_21_1461092500968_10335 h1 { font-size: 16px; } }

?

Also should I add this code directly underneath the custom colour code from before?

@braddibs /* Enquiry /, / For phone /, / Contributor */ is comment.

It has no value. Just let you know what the code below did, when you need to edit it in the future.

Yes, insert below color code I sent

Oh I see. Ok thanks, really appreciate all the help