Custom css style in wordpress but not working

I've struggled with this problem with a while and still couldn't find the solution. I've created custom CSS for the google calendar in wordpress page, but the thing is, it is not working.

I put this code in the page and I put in custom css of the theme as well, but it not showing up:

<style>
span#calendarTitle {display:none !important;}
.header img {display:none !important;}
.tab-name {display:none !important;}
.footer {display:none !important;}
.ui-rtsr-first-tab {display:none !important;}
</style>

Was hoping if someone could see what I am doing wrong. Attached the live page link: http://ift.tt/1YwqObN

Thanks

via Chebli Mohamed