Firefox vs Safari footer alignment/padding

u have to set padding from top and bottom
and u ahve to put conaint in body class

always check for html validation errors if you have cross-browser display problems;

for instance the ‘contact’ page has some errors:
https://validator.w3.org/check?uri=http%3A%2F%2Fwww.erichaviv.com%2Fcontact%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

also, in my safari, I get a lot of ‘not-found’ image symbols, and the ‘connect’ block is dropped to the footer area.

https://codex.www.ads-software.com/Validating_a_Website

very likely not a WordPress problem…

ps:
it might be better to use a ‘float:left;’ for #contact_right_bottom_right and add some padding-left;