My last background image is covering my footer after I resized the image on mobile (need to make footer smaller on mobile)

Site URL: https://www.omegachurchsa.org/

so on my desktop view everything is fine but on mobile view my background image section covers my footer.

Heres the css I used to make my image of the guy that size on mobile ( I would like to keep my image that size if possible).

@media screen and (max-width:767px) {
.homepage section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

I just need to make my footer text smaller and all three areas of text show up horizontally instead of stacking on top of each other. 

PASSWORD: jesusislord

on my desktop view everything is fine 

16 hours ago, soapyrice said:

Site URL: https://www.omegachurchsa.org/

so on my desktop view everything is fine but on mobile view my background image section covers my footer.

Heres the css I used to make my image of the guy that size on mobile ( I would like to keep my image that size if possible).

@media screen and (max-width:767px) {
.homepage section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

I just need to make my footer text smaller and all three areas of text show up horizontally instead of stacking on top of each other. 

 

PASSWORD: jesusislord

 

 

 

 

on my desktop view everything is fine 

Hi. Remove this code (your code targets both last section in Page Content + last section in Footer so the problem appears)

@media screen and (max-width:767px) {
.homepage section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

add new code (this code target last section in Homepage Page Content)

@media screen and (max-width:767px) {
.homepage article section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

7 hours ago, tuanphan said:

Hi. Remove this code (your code targets both last section in Page Content + last section in Footer so the problem appears)

@media screen and (max-width:767px) {
.homepage section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

add new code (this code target last section in Homepage Page Content)

@media screen and (max-width:767px) {
.homepage article section:last-child {
    height: 30vh !important;
    min-height: unset !important;
}
}

 

Thank you so much!