Hello,

I opened your site and checked the home page, but the row showing in mobile is set to not show in mobile and ipad. See screenshot: https://ibb.co/2NLyvhY
Am i missing something?
Please try this code to resize background image in mobile:

@media (max-width: 797px){
#first.cl-row .bg-layer {
    background-position: center center;
    background-size: contain;
    height: 33%;
}}

You can change the headings font and line-height to match the ipad/mobile view in the headings options > Responsive (screenshot).

2-I added this code in your Custom Css box:

@media (max-width:797px){
 footer#colophon {
	width: 61%;
}
div#viewport {
    overflow-x: hidden;
}
}

To fix this.
Please clear cache and refresh page.
Let us know.

Best regards!