fix footer layout on phones

app/views/layouts/application.html.erb

@@ -19,21 +19,21 @@
     <%= yield %>
 
     <!-- Footer-->
-    <footer class="py-5 bg-dark-blue row">
-      <div class="ms-5 col text-start text-white">
+    <footer class=" bg-dark-blue row justify-content-center align-items-center">
+      <div class="col-12  col-md-3 py-5 ms-5 text-center text-white">
         <p class="fw-bold fs-5">University of Massachusetts Lowell</p>
         <p>School of Education</p>
         <p>Coburn Hall</p>
         <p>850 Broadway St, Lowell, MA 01854</p>
       </div> 
 
-      <div class="col text-center color-gray-2">
+      <div class="col-12 col-md-3 py-5 text-center color-gray-2">
         <p><span class="color-gray-2 fw-bold"> General Inquiries</span>: julie@edcommonwealth.org</p>
         <p><span class="color-gray-2 fw-bold"> School Quality Measures</span>: peter@edcommonwealth.org</p>
         <p><span class="color-gray-2 fw-bold"> Quality Performance Assessment</span>: dan@edcommonwealth.org</p>
       </div>
 
-      <div class="col me-5"><p class="text-end text-white">Copyright &copy; <span class="fw-bold">ECP 2023</span></p></div>
+      <div class="col-12 col-md-3 py-5 me-5"><p class="text-center text-white">Copyright &copy; <span class="fw-bold">ECP 2023</span></p></div>
     </footer>
   </body>
 </html>