I’m currently styling a website using responsive web design technique so that it could also look decent when accessed from handheld devices. I have used Bootstrap for positioning the elements and some custom css for styling the nav-bar, footer, etc. Most of the elements include the nav-bar work fine except the fact that my footer keeps overlapping the other elements when shrink the web-page vertically. Have a look at the code below. Any help would be greatly appreciated. thanks.