body{font-family: 'Montserrat', sans-serif; color:#333; font-size:1.1em; background-color: #fff}
a, button{text-decoration:none !important; outline:none !important}
*{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.icon-bar {
  width: 22px; 
  height: 2px;
  background-color: #fff;
  display: block;
  transition: all 0.2s;
  margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
  display: block;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.header {padding-bottom: 0px}
/* .header, .dropdown-menu{background-color: #8e8d8a} */
.brand-xs{min-height: 30px !important; width:auto;}
.logo-cont-header img {min-width: 160px}
.navbar-toggler{border:0 !important; background:none !important}
.fa-navicon{color:#ed443b !important}

.navbar{background: none !important; }
.nav-item a.nav-link{text-transform: uppercase; font-size: 1.1em !important;}


.nav-link:visited, .nav-link:link{
color:#fff !important;
}

.nav-link:hover{
color: #333 !important;
}

.nav-link-hp:hover{
color: #ffa931 !important;
}

.nav-item .active a.nav-link {color: #cc0000 !important}

.navbar .dropdown.show > a {
    color:#333 !important;
  
}

.dropdown-item:hover{
color:#fff;
background-color: #8e8d8a;
}

.dropdown-item:link, .dropdown-item:visited{background-color: none !important;
}

.dropdown-menu {border-radius: 0; border:0;}

.brand-xs{max-width: 100px}

.cool-link {
    display: inline-block;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
    //transition: width .3s;
}
.fotos {padding:2px; border:#b9ac92 1px solid;}
.cnt{display: inline-block; padding-left: 10px; padding-right: 10px}
a.cnt:link, a.cnt:visited {color: #fff}
a.cnt:hover {color: #333}
.footer{background-color: #b9ac92; margin-top: 60px; font-size: 0.8em}
.subfooter{background-color: #ffa931; font-size: 0.7em}
h1{font-size: 1.8em}
.cella-titolo {display: flex; align-items: center; justify-content: center; color: #fff;  min-height: 200px}
.cella-titolo h1{font-size: 1.8em; text-align: center;}
@media (max-width: 767px) {
 .cella-titolo h1{font-size: 1.4em;}
  .nav-item{margin-top: 16px !important; margin-bottom: 16px !important}
}