Header formatting for single blog posts

Hello, I’m enjoying working with Illdy theme on my site (http://swampscottrailtrail.org) and have been able to figure out most .css formatting tweaks using this support forum but I’m stuck on this one:

I am trying to change the size of the h2 blog post title on single blog posts and I have been unable to. The best I can do is delete the section of the header that contains the text with:
.single #header .bottom-header.blog .col-sm-12 {
display: none;

However, this is not ideal because the blog post no longer has a title.
One other small unrelated item - is there a way to make the social icons in the Contact section of the Front Page to be larger?
Thank you for any help you can give!

Hey there,
Hope you’re doing well today

The blog post title font size can be changed using some Custom CSS. You’ll need to add and save the code below to Appearance > Customize > Additional CSS:

#header .bottom-header h1 {
    font-size: 25px!Important;
}

The social icon size can be changed using the following CSS at the same location as was mentioned above:

.fa {
    font-size: 25px!Important;
}

Please let me know if there are any other questions that I may answer for you.

Best Regards,
Support