title: Change in website layout when reducing browser size
body: <p>When I reduce the browser window size, the top and bottom footers start to shrink, pushing the content that is inside the footers (navigation bar on the top and the bottom) off the footer and it starts to overlap with the main text body.
  Does anyone know why this problem occurs? Apologies if this question is unclear or has been already answered, I'm still learning. Many thanks for your help.</p>