reduce line height space and font size on mobile view

Hi there, i am just setting up a home page and I like the type lockup on the desktop view but when viewed on mobile the headline is too large and has too much leading between the words (space between line heights)

I put some custom coding on the desktop view to tighten this particular headline style 

.header-title-nav-wrapper {
    align-items: baseline;
}
#block-5d8be44faf24f9d73db2
h1 {line-height: 75px;}
.header-title-nav-wrapper {
    align-items: baseline;
}

What coding can I use to tailor the mobile view headline to make it a tighter fit so it's not obstructed by the image. 

9 hours ago, design123 said:

Hi there, i am just setting up a home page and I like the type lockup on the desktop view but when viewed on mobile the headline is too large and has too much leading between the words (space between line heights)

I put some custom coding on the desktop view to tighten this particular headline style 

.header-title-nav-wrapper {
    align-items: baseline;
}
#block-5d8be44faf24f9d73db2
h1 {line-height: 75px;}
.header-title-nav-wrapper {
    align-items: baseline;
}

What coding can I use to tailor the mobile view headline to make it a tighter fit so it's not obstructed by the image. 

 

Hi @design123,

Can you share your site with the protected password to check your issue?