section#spacer{
  position:relative;
    visibility: hidden;
}

@media(min-width:501px){ section.nav{ position:fixed; } }
@media(max-width:500px){ section.nav{ position:absolute; } }
section.nav{
 z-index:100;
 width:100%;
 background:#c22a39;
 justify-content: end;
 -webkit-justify-content: end;
}

article.lhome{
  height:50px;
  width:150px;
  margin:auto;
}
a#hhome{ 
 background-image: url(" icon/LogoHome.svg ");
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
 width: 100%;
 height: 100%;
 display: block;
}


/* tel article ------------------*/
article.tel{
  flex:5 1 300px;
  display: -webkit-inline-flex;
  -webkit-justify-content:baseline;
  display: inline-flex;
  justify-content:baseline;
  min-width:250px;
  margin:auto;
}
div.tnum{ 
  flex:1 1 100px;
  color: white; 
  margin:auto 10px;
  max-width:150px;
}
div.icon{
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
 margin:auto 2%;
}
div#watts{ width:30px;height:30px; }
div#tel{ width:20px;height:30px; }

/* nav  --------------------------*/

article.nav{
  flex:6 1 300px;
  display: inline-flex;
  justify-content:flex-end;
  display: -webkit-inline-flex;
  -webkit-justify-content:flex-end;
  max-width:400px;
}

a.nav,
a.nav:link,
a.nav:visited,
a.nav:active,
a.nav:hover
{
 text-align: center;
 text-decoration: none;
 color:white;
 flex:2 1 50px;
}
a.nav > p {
}

div#tel{ background-image: url("icon/cel.svg "); }
div#watts{ background-image: url("icon/watts.svg "); }
/* hamb --------------------------*/
div#menu{ 
  background-image: url("icon/hamb.svg ");
  background-size: 70% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  max-width: 60px;
  margin: 0px 5px;
  flex:1 4 50px;
}
div#menu:hover{
  cursor: pointer;
}