/*==================================================================================================
    GENERALE
==================================================================================================*/
@import url('font-bodoni.css');
@import url('font-dancing.css');
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

p {
    color: #000;
}

a{
    color:#000;
}

a:hover, a:focus {
    color: #888;
}

*{
    transition:all 0.4s ease;
}

/*==================================================================================================
    HEADER
==================================================================================================*/

header {
    background: #dcd8c7;
    margin: 0 0 auto;
    z-index:50;
}

.logo-container{
    display:flex;
}

.logo-container  .logo{
    margin:0 auto;
    max-width:300px;
    max-height:110px;
}

.hamburger{
    display:none;
}

.menu-container {
    display:flex;
}

.menu-container-inner {
    width: auto;
    max-width: 100%;
    margin:0 auto;
    display:flex;
}

.menu-list{
    display:flex;
    list-style:none;
}

.menu-item {
    margin: 0 20px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'alternate-gothic-no-3-d', lucida, helvetica, arial, sans-serif;
    color:#fff;
    position:relative
}

.menu-item > a{
    color:#fff;
}

.menu-item > a:hover,.menu-item > a:focus{
    color:#888;
}

.menu-item.active > a{
    color:#000;
}

.menu-item:first-child{
    margin-left:0;
}

.menu-item:last-child{
    margin-right:0;
}

.menu-item:not(:last-child):before{
    content:'•';
    font-size:15px;
    color:#000;
    position:absolute;
    right:-20px;
    top:50%;
    transform:translate(50%,-50%);
}

.menu-bandiere{
    margin-left:30px;
}

@media(max-width:991px){

    .logo{
        margin-left:auto;
        margin-right:10px !important;
    }

    .hamburger{
        display:flex;
        flex-direction:column;
        margin:auto 10px;
    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 3px;
        background-color: #fff;
        margin: 3px 0;
        transition: 0.4s;
    }

    .change_menu .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change_menu .bar2 {
        opacity: 0;
    }

    .change_menu .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -4px);
        transform: rotate(45deg) translate(-7px, -4px);
    }

    .menu-container-mobile {
        display:none !important;
    }
    
    .menu-container-inner {
        flex-direction: column;
    }

    .menu-list{
        flex-direction:column;
        padding:0;
    }

    .menu-item{
        margin:7px 0;
        text-align:center;
    }

    .menu-item:before{
        content:none;
        display:none;
    }

    .menu-bandiere{
        margin: 0 auto;
    }
}
/*==================================================================================================
    FOOTER
==================================================================================================*/
footer{
    margin:auto 0 0;
}

footer p {
    color: #000;
}

footer p > a{
    color:#000;
}

footer p > a:hover,footer p > a:focus{
    color:#888;
}
/*==================================================================================================
    HOME
==================================================================================================*/
.home-container-img{
    display:flex;
}

.home-img {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
}

.home-container-testo{
    margin-top:20px;
    display:flex;
    flex-direction:column;
}

.home-testo-img{
    margin:0 auto;
    max-width:300px;
    width:100%;
}

.home-testo {
    margin: 15px auto;
    font-size: 28px;
    color: #b2aead;
    text-align: center;
    font-family: 'Bodoni Std Italic', Arial;
}