menu

public/global/nav/cssNav.css

@@ -3,8 +3,15 @@ section#spacer{
     visibility: hidden;
 }
 
-@media(min-width:501px){ section.nav{ position:fixed; } }
-@media(max-width:500px){ section.nav{ position:absolute; } }
+@media(min-width:560px){ 
+  section.nav{ position:fixed; }
+  div.mshow {display:none}
+}
+@media(max-width:559px){ 
+  section.nav{ position:absolute; } 
+  a.mhide {display:none}
+}
+
 section.nav{
  z-index:100;
  width:100%;
@@ -15,7 +22,7 @@ section.nav{
 
 article.lhome{
   height:50px;
-  width:150px;
+  width:85px;
   margin:auto;
 }
 a#hhome{ 
@@ -31,7 +38,7 @@ a#hhome{
 
 /* tel article ------------------*/
 article.tel{
-  flex:5 1 300px;
+  flex:1 1 300px;
   display: -webkit-inline-flex;
   -webkit-justify-content:baseline;
   display: inline-flex;
@@ -43,7 +50,7 @@ div.tnum{
   flex:1 1 100px;
   color: white; 
   margin:auto 10px;
-  max-width:150px;
+  max-width:110px;
 }
 div.icon{
  background-size: contain;
@@ -54,15 +61,15 @@ div.icon{
 div#watts{ width:30px;height:30px; }
 div#tel{ width:20px;height:30px; }
 
-/* nav  --------------------------*/
+/* nav  -------------------------*/
 
 article.nav{
-  flex:6 1 300px;
+  flex:2 1 400px;
   display: inline-flex;
   justify-content:flex-end;
   display: -webkit-inline-flex;
   -webkit-justify-content:flex-end;
-  max-width:400px;
+  /* max-width:400px;*/
 }
 
 a.nav,
@@ -77,6 +84,9 @@ a.nav:hover
  flex:2 1 50px;
 }
 a.nav > p {
+  min-width: 60px;
+  margin-right: 7px;
+  margin-left: 7px;
 }
 
 div#tel{ background-image: url("icon/cel.svg "); }