html,
body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px #000;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

a, a:focus, a:hover{
    text-decoration: none;
    color: #fff;
}
.centrato img{
    text-align: center;
    margin: 0 auto;
}

.logohome {
    position: absolute;
    top:0;
    z-index: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    height: 100%;
    width: 100%;
    }

.h-centrato{
    margin: 0 auto;
    color: #fff;
}

.centrato{
    text-align: center;
}

.carousel-control{
    z-index: 3;
}

.regioni-province, .marchi-trattati{
    margin: 0 auto;
    width: 60%;
}

.marchi-trattati{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 100;
}

.regioni-province{
    font-size: 14px;
}

h1{
    font-weight: 300;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}



@media(max-width: 768px){
    .marchi-trattati{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

.regioni-province{
    font-size: 10px;
}

h1{
    font-weight: 300;
    font-size: 16px;
}

.centrato img{
    width: 260px;
}

.regioni-province, .marchi-trattati{
    width: 80%;
}

}