Scale Mobile Banner With CSS

Site URL: https://beige-rust-fltt.squarespace.com/config/

hi there,

I've been digging through the forms but I haven't found a solution for this yet. 

URL
https://beige-rust-fltt.squarespace.com/config/

Pass
care

I'd like to scale the home page banner for mobile so it looks like the desktop version.

Thanks for your help

-jeff

Add to Home > Design > Custom CSS

/* resize mobile home banner */
@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: 20vh;
    margin-top: 10vh;
}
}

Awesome! That works great.

Is there a way to center the text vertically with CSS? 

Thank you!