Can you make iframes work responsively?

[claire_t]

Hi all

I am creating a site and trying to make it responsive and seems to be just about getting there apart from one issue.

I have made a google docs form for the contact page but it does not resize as I would want it to when altering browser size and viewing on iPhone. Is there anyway to make it do so?

I have tried

iframe {
max-width: 100%;
}

as I saw this suggested somewhere but this doesnt work. Anyone offer any clues, advice or point me in right direction?

I am also wondering if there is anyway to make the iframe form transparent? I havn't worked with these before so it's all abit of a learning curve!

site is here

Thanks in advance

C