Cannot adjust heigh of footer or adjust font and height of sections on mobile

https://www.rooftopbar.co/

Footer - How can I adjust the height? I'm stuck with a minimum of 18 rows and I just want a very slim footer than only has about 20px padding around the elements in it.

Mobile custom font: How can I apply DM SANS to my H1 and Paragraph on mobile, same as I have done on dekstop site?

Ticker tapes (scrolling marque): On mobile view I cannot adjust the height of these and there is a strange white gap underneath that I dont want there.

#1. Footer on Desktop or Mobile?

#2. You used correct code, but it doesn't work on Mobile, because you use incorrect name in font face code

Change tuan to 'DMSans-Regular'

#3. I sent code in another post. You can check again

Thanks for resolving the issue with my fonts. Is there a way I can reduce the height of my footer?

I"m using a customized newsletter sign up form - and it seems there's extra padding above it from where the sign-up form heading should be (but I don't need one). I can't find a way to reduce all the padding above my text.

https://www.rooftopbar.co/

I see you solved with this CSS?

@media screen and (min-width: 768px) {
    .fe-64788e296642ef5fd7597979 {
        grid-template-rows:repeat(0,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)),auto)) !important
    }

    footer.sections header.newsletter-form-header {
        display: none
    }
}