Layout and CSS tweaks to the vpn documentation sections

css/style.css

@@ -61,6 +61,14 @@ a:focus {
     font-weight: 400;
 }
 
+.documentation {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.documentation b {
+  color: #2C7AB7;
+}
+
 .navbar-custom {
     margin-bottom: 0;
     border-bottom: 1px solid rgba(255,255,255,.3);
@@ -269,7 +277,7 @@ a:focus {
 }
 
 .content-section {
-    padding-top: 0px;
+    padding-top: 5px;
     text-align: center;
 }
 

vpn/index.html

@@ -6,7 +6,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="ENPaul Network landing page">
+    <meta name="description" content="ENPaul Network vpn detail page">
     <meta name="author" content="enpaul@enpaul.net">
 
     <title>ENPN Virtual Private Networking</title>
@@ -82,7 +82,7 @@
         <div class="col-lg-8 col-lg-offset-2">
           <h2>Connecting from Windows</h2>
           <span style="color:white;"><i class="fa fa-windows fa-4x" aria-hidden="true"></i></span>
-          <br>
+          <br><br>
           <p><b>NOTE:</b> For security reasons, remote connectivity from Windows clients running Windows Vista, Windows XP, or older is not supported</p>
           <br>
           <b>Adding a connection through the Windows 10 Settings App</b>
@@ -178,13 +178,13 @@
         </div>
     </footer>
 
-    <script src="js/jquery.js"></script>
+    <script src="../js/jquery.js"></script>
 
-    <script src="js/bootstrap.min.js"></script>
+    <script src="../js/bootstrap.min.js"></script>
 
-    <script src="js/jquery.easing.min.js"></script>
+    <script src="../js/jquery.easing.min.js"></script>
 
-    <script src="js/grayscale.js"></script>
+    <script src="../js/grayscale.js"></script>
 
 </body>