I cant get my form to fill in the page in WordPress

I get the scroll bar and it doesnt show right on mobile. 

This is how it looks on the website: http://secondnatureht.com/challenge-application  

I tried using this on the custom css but it isn't working. 

.form-all {

width: 800px !important;

height: 1000px !important;

}

Help? 

Sorry for the inconvenience. I have just open your site and notice that you are using the OEMBED (WordPress script) method to embed you form. Can you please try using the iFrame script instead. 

Using iFrame will eliminate any conflict that your form may have with the site.

I tried this and it stretches the image and makes it look horrible.  See here.  Any idea how to fix?  http://secondnatureht.com/challenge-application/

The form should be displaying properly when it is embedded using default Javascript embed code, unless there are conflicts with other scripts on your webpage. Could you try embedding the form using the default method and see if that works?

Please make sure that the JotForm plugins installed on your WordPress website are disabled or removed. 

If you need any further assistance, please let us know. We will be happy to help. 

I got it.  It was the background picture wasn't tall enough and was stretching since form was so long.  Thanks for all your help!

I checked the form on mobile and I can confirm that it now displays properly.

On behalf of my colleagues, you are most welcome. Feel free to contact us again if you have any other concerns. Regards.