html,
body{
  height: 100%;
}
body {
    color: #111;
    background-color: #fbfbfb;
    letter-spacing: 0px;
    font-family:"ff-good-headline-web-pro-con";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: .55px;
    min-height:100%;
    position: relative;

}
.navbar{
  border: none;
  border-color: transparent;
  background-color: transparent;
  background: none;
  position: relative;
  z-index: 10;
  padding: 10px 10px 0 10px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav li a{
  text-transform: uppercase;
  color: #111;
}
.home .navbar-default .navbar-brand,
.home .navbar-default .navbar-nav li a{
  color: #FFF;
}
.home .home--background{
  position: absolute;
  left: 0;
  right:0;
  bottom:0;
  top:0;
  z-index: 3;
  background-image: url('../../media/home/lago-della-ninfa.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation: fadein 4s; /* Safari and Chrome */
  -moz-animation: fadein 4s; /* Firefox */
  -ms-animation: fadein 4s; /* Internet Explorer */
  -o-animation: fadein 4s; /* Opera */
  animation: fadein 4s;
}

#autoWidth img{
  width: auto;
  max-width: 750px;
  height: 500px;
}

@keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}​

@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}