title: Stuck with allignment on mobile, works perfect on desktop
body: <p>I am kinda stuck with template from W3. The website works as expected in all regards apart from one glitch on mobile browsers, the alignment of these boxes: </p>
  
  <p><a href="https://i.stack.imgur.com/Ki6fl.png" rel="nofollow noreferrer">Mobile screenshot</a></p>
  
  <p>The CSS ID is .banner-bottom. </p>
  
  <p>Weblink: <a href="http://www.finglascelticfc.com/test/index.html" rel="nofollow noreferrer">http://www.finglascelticfc.com/test/index.html</a> </p>
  
  <p>Could you please point me in the right direction how to center these boxes on mobile? Would appreciate any help!</p>