margins between rows.

diff --git a/styles.css b/styles.css
index 12523d6..163dea6 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -80,6 +80,9 @@ body {
 .top-bar-section li:not(.has-form) a:not(.button) {
     /* background: #065892; */
     }
+#navrow {
+    margin-bottom: 1em;
+    }
 #nav {
     background: #065892;
     border: 1px solid #065892;
@@ -145,15 +148,19 @@ body {
 /* columns */
 #mainParent {
     border-radius: 5px;
-    }
+    background: white;
+}
 #main {
     padding: 30px;
-    background: white;
+
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
     }
-#barParent {
-    padding-right: 0;
+
+@media only screen and (min-width: 40.063em) {
+    #barParent {
+        padding-right: 0;
+        }
     }
 #column {
     background: white;
@@ -162,17 +169,15 @@ body {
 #bar {
     padding: 1em;
     }
+#homeImg {
+    margin-bottom: 1em;
+    }
 #sidenav {
     background-color: #4482ad;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     }
-/* #homeImg */
-#homeImg {
-    margin: 1em 0;
-    }
 /* Inside header image and text */
-/* Inside header image section */
 #insideHeader {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
@@ -181,7 +186,6 @@ body {
     background-size: cover;
     padding-top: 34.72222222222222%;
     }
-
 #insideHeader {
     position: relative;
     }
@@ -222,13 +226,20 @@ body {
     color: white;
     text-decoration: none;
     display: block;
-    padding: 5px;
+    padding: 5px 10px;
     border-radius: 5px;
     }
 #sidenav a:hover {
     color: #fffb02;
     background: #065892;
     }
+/* subsub*/
+#sidenav ul ul {
+    margin: 0;
+    }
+#sidenav ul ul a {
+    padding-left: 30px;
+    }
 #brochure {
     background: url(assets/brochure.png) no-repeat center top;
     padding-top: 240px;

diff --git a/templates/template.html b/templates/template.html
index 68de082..59bc12e 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -64,7 +64,7 @@ $(function() {
                     </div>
                 </div>
             </div>
-                <div class="row">
+                <div class="row" id="navrow">
                     <div class="large-12 columns">
                         <nav class="top-bar" data-topbar>
                             <section class="top-bar-section">