Can anyone help adjust the spacing and font sizes on Product Page?

Hello! If there is a way to adjust these things without code, I'd be happy to know that as well. I am on 7.1 (if it matters) and I am trying to remove this large gap between my header and where my products begin in the next section. Additionally, I'd like to make the font of this section header larger so that it looks like a heading and make the font of the product titles smaller so that they do not look like page headings. I'm baffled at the default setting for these three things that doesn't seem to be adjustable. Thank you in advance! This page is here: https://www.kimberlyessex.com/audio-library

24 minutes ago, Ziggy said:

Try this Custom CSS:

.products.collection-content-wrapper {
    padding-top: 2vw;
}
@media screen and (min-width: 768px) {
  .collection-type-products .grid-title {
    font-size: 1.2rem;
  }
  .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link {
    font-size: 2rem;
  }
}

This worked perfectly! Thank you!!!

1 minute ago, kimkim said:

This worked perfectly! Thank you!!!

Brilliant! Thanks for marking my post as the solution!