How to align form to the left?

I am trying to get my entire form to align left instead of the center on Desktop.  I am not seeing an option in the form designer.  

Is there an option to align left, center or right? CSS wizardry?

This is my current CSS:

.form-label {

    width : 100% !important;

}

.form-all {

    margin-left : auto !important;

    margin-right : auto !important;

}

So now I am not sure how it would work if we get it to align left on Desktop.  Then it might look weird aligned left in mobile.  

Thanks

To clarify, are you referring to your label alignment?

I have checked your form and it seems to be aligned left. You may check the Label alignment in your Field properties>General

Hope this information helps.

If you need further assistance, let us know.

Here is an example.  The entire form is centered by default on my page.  I want to move it to the left as shown on the bottom photoshopped image.

This is a screenshot from my page:

https://www.tonycicconephotography.com/group-yoga-photo-shoot-booking 

You may add the next CSS to see if this is what you are looking for:

.form-all {
margin-left: 0 !important;
}

That worked!  The only thing now is there is a lot of spacing between the top of the form and my heading.  Is there some way to reduce the spacing around the form?

Looks fine on mobile.  But desktop there is a huge gap between my heading "Come say Hello!" and the top of the form.

Thanks

You can use this custom CSS codes to remove the gap between the heading and top of the form. 

.jotform-form {

    padding: 0 0;

}

Here's a screenshot before applying the CSS codes:

Here's a screenshot after applying the CSS codes:

I hope this helps. 

That helped!  Thank you everyone for your help.

Have a great weekend!