Reduce Space Above Front Page Widget And Reduce Sidebar Width

Hi,

I’m trying to remove the space above the widget area on the front page widget so that it is inline at the top with other pages using the default template. I want the top of the content on https://www.cacec.org/ to be inline with this. I also want the sidebar on the homepage reduced to the width of the about us page.

I’ve tried
.template-front-page .widget-area {
margin-top: 0px;
}

But that didn’t work, so I’m not sure where it is inheriting the space from. I’ve tried inspecting the element, but no clues either.

I’m guessing that it is not a padding below nav bar issue, as that would be the same on the default template pages.

Any help much appreciated – am doing best to figure out the solutio myself, but am at the tearing hair out stage, Earl