diff --git a/pageTemplate.html b/pageTemplate.html
index da7079c..d0c90be 100644
--- a/pageTemplate.html
+++ b/pageTemplate.html
@@ -3,15 +3,28 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
     <title>Page Title</title>
 
     <link rel="shortcut icon" href="./images/firstspotLogo100x100.png" type="image/x-icon">
 
     <!-- links to syles -->
     <link rel="stylesheet" href="./css/style.css">
-    <link rel="stylesheet" href="./css/bootstrap.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="./css/fonts.css">
+    <style>
+      @media (max-width: 767px) {
+          .rd-navbar-nav {
+              text-align: center;
+          }
+          .rd-navbar-nav li {
+              display: block;
+              margin-bottom: 10px;
+          }
+      }
+  </style>
+
 
 </head>
 <body>
@@ -153,6 +166,9 @@ <h6 class="text-spacing-100 text-uppercase">Quick links</h6>
 
     <!-- links to scripts -->
     <script src=""></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/js/bootstrap.min.js"></script>
 
 </body>
 </html>
\ No newline at end of file
