Remove spacing before Page title

Hello. I would like to know how do I remove the spacing before single page title as (https://i.imgur.com/tSejTGq.png).

Also, maybe it is inappropriate to ask but how do I use a logo without buying premium? (Other than Logo, anything I needed is included in free ver.)

I tried to use the code below but it still show title when highlighted, and it wouldn’t work for IE.

.site-title {
    background-image: url(https://i.imgur.com/5n1jd7t.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.site-branding h1 a {
    color: rgba(0, 0, 0, 0);
    font-size: 70px;
}

Thank you so much in advance.