.cbp-af-header img {
  height: 65px;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
.cbp-af-header li img, .cbp-af-header.cbp-af-header-shrink li img {
  height: auto
}
.cbp-af-header.cbp-af-header-shrink img {
  height: 50px;
  margin: 0px;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
.cbp-af-header.cbp-af-header-shrink .lingue li {
  margin: 0px 7px;
}
.cbp-af-header.cbp-af-header-shrink .logo {
    position: relative;
    float: left;
    padding: 10px;
    width: 155px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: auto 51px;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    background-image: url(../img/favicon.png);
    margin-top: 0px;
    top: 0px;
}
.cbp-af-header.cbp-af-header-shrink #menu li a {
  color: #424242;
}
.cbp-af-header.cbp-af-header-shrink #menu li a:hover {
  color: #fff;
}
.cbp-af-header.cbp-af-header-shrink .menu {
  margin-top: 16px;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  width: auto;
}
.cbp-af-header.cbp-af-header-shrink {
  height: 70px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.8);
}
    .cbp-af-header.cbp-af-header-shrink .menu ul {
        margin-right: 240px;
    }
.cbp-af-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
  z-index: 10000;
  height: 300px;
  -webkit-transition: height 0.1s;
  -moz-transition: height 0.1s;
  transition: height 0.1s;
}
.cbp-af-header .cbp-af-inner {
  width: 100%;
  /* max-width: 69em; */
  margin: 0 auto;
}
.cbp-af-header h1, .cbp-af-header nav {
  display: inline-block;
  position: relative;
}
/* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1, .cbp-af-header nav a {
  color: white;
}
.cbp-af-header li {
  position: relative;
}
.cbp-af-header .lingue li {
  float: left;
  margin: 16px 7px;
}
.cbp-af-header h1 {
  text-transform: uppercase;
  color: #333;
  letter-spacing: 4px;
  font-size: 4em;
  margin: 0;
  float: left;
}
.cbp-af-header nav {
  float: right;
}
/* Transitions and class for reduced height */
.cbp-af-header h1, .cbp-af-header nav a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cbp-af-header.cbp-af-header-shrink h1, .cbp-af-header.cbp-af-header-shrink nav a {}
.cbp-af-header.cbp-af-header-shrink h1 {}
@media (max-width:820px) {
  .cbp-af-header {
    height: 80px;
  }
  .cbp-af-header img {
    height: 61px;
    margin: 10px 7px;
  }
  .cbp-af-header.cbp-af-header-shrink {
    height: 60px;
    margin: 0px;
  }
  .cbp-af-header.cbp-af-header-shrink .menu .show-menu {
    float: right
  }
  .cbp-af-header.cbp-af-header-shrink img {
    height: 40px;
    margin: 0px 10px
  }
  .cbp-af-header.cbp-af-header-shrink .menu .show-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cbp-af-header.cbp-af-header-shrink .menu {
    margin-top: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 60px;
    width: 100%;
  }
  .cbp-af-header.cbp-af-header-shrink .menu .show-menu svg {}
}

@media (max-width:500px) {
    .cbp-af-header.cbp-af-header-shrink .logo {
        width: 129px;
        height: 60px;
        background-size: auto 39px;
    }
}