fixing header styles and nav menu font styles

diff --git a/style.css b/style.css
index 982682e..ce2384c 100644 (file)
--- a/style.css
+++ b/style.css
@@ -805,8 +805,15 @@ Posts and pages
     clear: both;
     margin: 0 0 20px;
 }
-.archive #content > .mid-content, .single #content > .mid-content{
-    margin-top: 200px;
+@media (min-width: 1000px){
+    .archive #content > .mid-content, .single #content > .mid-content{
+        margin-top: 100px;
+    }
+}
+@media (max-width: 1000px) and (min-width: 768px){
+    .archive #content > .mid-content, .single #content > .mid-content{
+        margin-top: 50px;
+    }
 }
 .post-type-archive-testimonial .entry-content{
     padding: 10px 20px;
@@ -816,7 +823,7 @@ Posts and pages
 .post-type-archive-testimonial .hentry {
     margin-bottom: 0px;
     padding-bottom: 5px;
-    padding-left: 0px;
+    /* padding-left: 0px; */
     /* border-bottom: 1px solid #AE8B5F; */
 }
 .archive article.testimonial .entry-header .entry-title{
@@ -1357,7 +1364,7 @@ body.parallax-on .wpcf7-not-valid-tip {
     z-index: 1;
     padding: 10px;
     float: left;
-    width: 33%;
+    width: 27%;
     /* max-width: 180px; */
 }
 header#masthead div.social-header span.header-links-container .phone-number{
@@ -1371,7 +1378,11 @@ header#masthead div.social-header span.header-links-container .phone-number{
 }
 @media (min-width: 1000px){
     #site-logo a img{
-        max-width: 295px;
+        max-width: 275px;
+    }
+    .menu-item{
+        /* float: right !important; */
+        display: inline-block !important;
     }
 }
 
@@ -1416,7 +1427,10 @@ header#masthead div.social-header span.header-links-container .phone-number{
         right: 5px;
     }
 }
-@media (min-width: 1000px){
+@media (min-width: 1001px){
+    #site-navigation{
+        width: 75%;
+    }
     .reservations{
         display: none;
     }
@@ -1443,6 +1457,7 @@ header#masthead div.social-header span.header-links-container .phone-number{
         background-color: white;
     }
 }
+
 .main-navigation > ul > li > a {
     /* text-transform: uppercase; */
     font-size: 20px;
@@ -1450,6 +1465,20 @@ header#masthead div.social-header span.header-links-container .phone-number{
     line-height: 1;
     /* text-transform: lowercase; */
 }
+html body header#masthead #site-navigation ul>li.menu-item > a{
+    font-size: 15px;
+}
+@media (max-width: 1100px) and (min-width: 1000px){
+    .main-navigation > ul > li > a {
+        /* text-transform: uppercase; */
+        padding: 10px 12px;
+        line-height: 1;
+        /* text-transform: lowercase; */
+    }
+    html body header#masthead #site-navigation ul>li.menu-item > a{
+        font-size: 14px;
+    }
+}
 
 .main-navigation > ul > li.current a {
     color: #004038;
@@ -2871,9 +2900,7 @@ body footer#colophon .bottom-footer .weather-atlas-wrapper .temp{
 body footer#colophon .bottom-footer .weather-atlas-wrapper .wi-weather-32{
     font-size: 35px;
 }
-html body header#masthead #site-navigation ul>li.menu-item>a{
-    font-size: 16px;
-}
+
 html body.home #content .parallax-section:nth-child(4) .mid-content >h2 {
     display: block;
     margin-bottom: 5px;
@@ -2902,7 +2929,7 @@ html body.home #content .parallax-section:nth-child(3), html body.home #content
     }
 }
 p, a, li, div{
-    font-size: 16px !important;
+    font-size: 16px;
 }
 .menu-item a{
     font-size: 20px;