Blog header space and size?

Site URL: https://smilodon-ocelot-my5f.squarespace.com/journal/fapa-landscape-nominee-2020-jp2ca-nm6a6-45elw

Hi,

Anyone know how to get more space between the header and the blog?

And reduce the size of title font in MOBILE view?

passcode: trythis

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* space header - blog */
.collection-type-blog-alternating-side-by-side.view-item #page section:first-child {
    padding-top: 200px !important;
}
}

With blog title, find & edit this code

@media screen and (max-width: 767px) {
    .blog-item-wrapper .blog-item-title h1.entry-title {
        font-size:24px !important
    }
}

Excellent thanks!!!