[alainmeier]

Cool idea! I think there are a few things on the usability side that you could do to make it even better:

* Lock the body when you open the modal by setting overflow: hidden. That will prevent people from scrolling around accidentally while filling out the form.

* This is related to the first point, but you should probably position: fixed the modal

* Make the label for the monthly donation clickable - people shouldn't have to find the little check box!

* Lighten the .iframe-subheader-text as it can be pretty low contrast when the background is white

* Add some subtle animations to the open and closing of the modal. It feels very jarring right now.

[maxmcd]

Lock the body of a site by default? I can see when I'm scrolling.

Position fixed? What about when the modal content is longer than than the scroll area?

There are animations for me on mobile. :)

[alainmeier]

If you make the black overlay container position fixed and the window itself normal, you can have the modal scroll within the context of the black overlay. Facebook uses this same method and it's significantly nicer!

[maxmcd]

Ah, of course, understood.