/**** menu responsive *****/

@media only screen and (min-width:769px) and (max-width:938px) {
    
.l-header .large-9 {
  width: 75%;
}

.l-header .top-bar {
  width: 100%;
}

.top-bar {
  overflow: visible;
}

/************** Colore icona e testo Menù **********************/
.top-bar .toggle-topbar.menu-icon a span {
box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}

.top-bar .toggle-topbar.menu-icon a{
    color:#005172;
}

/********* Voci del Menù *****************/
.top-bar-section li a:not(.button):hover {
margin-bottom: 15px;
}

.top-bar-section {
float: none;
width: 200px;
padding-left: 0%;
text-align: center;
margin: auto;
}

.top-bar-section ul li {
margin-left: 0px;
}

.top-bar-section ul.main-nav {
margin-top: 20px;
}

/*********** Colorazione Menù Espanso ********/
div.sticky {
background-color: #005172;
}

.top-bar.expanded .title-area {
background: #005172;
}

/************ Altezza del menù ********/

.fixed {
height: 3rem;
}

/************ Social **************/

section.l-header-region.row {
  width: 100%;
  margin: 0px;
}

.l-header .large-12.columns {
  padding: 0px;
}

}