/************************* MENU MULTILEVEL *****************************/ 


.container,
.flex-menu,
.flex-menu ul,
.flex-menu ul.active, 
.flex-menu li.has-submenu > a:after  {

  -webkit-transition:all .2s ease-in-out;
     -moz-transition:all .2s ease-in-out;
      -ms-transition:all .2s ease-in-out;
       -o-transition:all .2s ease-in-out;
          transition:all .2s ease-in-out
}

.container, .main-content {
  position:relative;
  height:100%;
  width:100%;
}

.container { left:0; }
 
header     { font-family: var(--font-secondary); background:transparent; padding:0; position:absolute; z-index:1; top:0; left: 0; width: 100%; }
.row-nav   { display: flex; flex-flow: row wrap; align-items: center; 
            padding:var(--space-s) 0; margin:0 auto; max-width: 100%; 
            width:var(--grid-maxWidth); }

.row-nav > .nav-phone { width: 60%; text-align: right; }
.row-nav > .nav-logo  { width: 40%; } 
 

.nav-logo img       { display: inline-block; width: 100%; max-width: 180px; padding: var(--space-xs); } 
.nav-phone          { font-size: var(--text-xl);  } 
.nav-phone a        { font-weight: 700; color: hsla(var(--brand-third),.8) }
.nav-phone a:hover  { color: hsla(var(--brand-third),1) }

@media only screen and (min-width:60em) and (max-width:74.9375em) {

.row-nav      { max-width:96%; } 

}

@media only screen and (max-width:59.9375em) {
 
.row-nav       { max-width:94%; }  
.nav-phone     { font-size: var(--text-xl); } 
 
}