Equalizer landing page main

Hi All, I'd like to ask, why is my .card positioned inside .container where card is position: absolute and .container position relative not behaving like .container = parent and .card =child...its seems that card thinks that his parent is body. Also I can't figure it out why my layout is broken in mobile 375px version and footer is collapsing. Tablet and Destop version are totally fine. I've used mobile first approach. Any help would be appreciated. Thank you.