inserting a Google Calendar in the footer

I have inserted a google calendar iframe in the footer,
I have some confusion though.
First of all I would like it to take the 3rd and the 4th column and not just the 3rd column.
The second thing is that in a smartphone the frame seems to be not responsive.
Is there anything I could do to improve both aspects?
The issue can be displayed at the following page:

Thanks and have a nice week end!

I played a little bit and I managed to arrange it anyhow… however I still would like to know how to make sure that the calendar spans over the two columns.
The widgets are fixed and I cannot remove the 4th widget, to cheat Illy I just added an empty HTML section so that it does not display anything.
However that column is empty… any chance to ensure the 3rd column spans over 3rd and 4th column?
Thanks in adavance,
Kind regards,
Umberto De Domenico

Hello Umberto, good progress,

Here is missed piece of the code:

#footer .col-md-3.col-sm-6.col-xs-12:nth-child(3) {
width: 50%;

#footer .col-md-3.col-sm-6.col-xs-12:last-child {
display: none;

Thank you so much Noda.
you are a star!!!
Kind regards,

Have a nice day Umberto :wink:

I will close this case now, Feel free to contact us again if you have other questions