body{
    color:#ffffff;
    background-color:#262626
}
body::before{
    content:'mobile';
    display:none
}
@media only screen and (min-width: 1170px){
    body::before{
        content:'desktop'
    }
}
@media only screen and (min-width: 1170px){
    .menu-section{
        height:100vh
    }
}

.menu-section h1{
    position:relative;
    top:45%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-align:center;
    font-size:46px;
    font-size:2.875rem;
    color:#fff;
    letter-spacing:normal
}
@media (max-width: 767px){
    .menu-section h1{
        font-size:32px;
        font-size:2rem
    }
}
.menu-section h1 span{
    display:block;
    font-family:'Lora', serif;
    font-size:24px;
    font-size:1.5rem;
    color:#fff
}
@media (max-width: 767px){
    .menu-section h1 span{
        font-size:21px;
        font-size:1.3125rem
    }
}
.txt_container ul{
    list-style:none;
    padding:0;
    margin:0;
    text-align:center
}
.txt_container ul li h3{
    font-size:21px;
    font-size:1.3125rem;
    margin-bottom:0
}
.txt_container ul li p{
    font-family:'Lora', serif;
    font-size:16px;
    font-size:1rem
}
.m_title{
    margin-bottom:45px
}
.m_title h2:before{
    content:url("../img/divider_2.svg");
    display:block;
    margin-bottom:15px
}
.m_title p{
    font-size:16px;
    font-size:1rem;
    color:#999
}
.phone_us{
    font-size:24px;
    font-size:1.5rem
}
.full-container,.half-container{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.full-container{
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center
}
.menu-section:first-of-type .full-container{
    visibility:visible;
    height:100vh;
    background-color:#262626;
    background-image:url("../img/logo_gastronomia.svg");
    background-size:400px auto;
    background-position:center center;
    background-repeat:no-repeat
}
@media (max-width: 767px){
    .menu-section:first-of-type .full-container{
        background-size:270px auto
    }
}
@media only screen and (min-width: 1170px){
    .full-container{
        position:fixed;
        width:100%;
        min-height:100vh;
        top:0;
        left:0;
        height:100vh;
        box-shadow:0 0 40px rgba(0,0,0,0.7);
        visibility:hidden
    }
    .menu-section:first-of-type .full-container{
        visibility:visible
    }
    .full-container>*{
        visibility:visible
    }
}
.half-container{
    background:#fff url("../img/pattern_menu.jpg") no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    color:#263b40;

}
.half-container:nth-of-type(1){
    height:60vh;
    background-color:#fff;
    background-position:center center;
    background-repeat:no-repeat
}
.half-container:nth-of-type(2){
    padding:4em 10%
}
.menu-section:nth-of-type(2) .half-container:first-of-type{
    background-image:url("../img/menu-del-giorno/antipasti.jpg");
    background-size:cover
}
.menu-section:nth-of-type(3) .half-container:first-of-type{
    background-image:url("../img/menu-del-giorno/primi-piatti.jpg");
    background-size:cover
}
.menu-section:nth-of-type(4) .half-container:first-of-type{
    background-image:url("../img/menu-del-giorno/secondi-piatti.jpg");
    background-size:cover
}
.menu-section:nth-of-type(5) .half-container:first-of-type{
    background-image:url("../img/menu-del-giorno/secondi-piatti-pic2.jpg");
    background-size:cover
}
.menu-section:nth-of-type(6) .half-container:first-of-type{
    background-image:url("../img/menu-del-giorno/stuzzicherie.jpg");
    background-size:cover
}
@media only screen and (min-width: 1170px){
    .half-container{
        height:100vh !important;
        width:50%;
        position:absolute;
        top:0
    }
    .half-container .txt_container{
        position:absolute;
        left:50%;
        top:50%;
        bottom:auto;
        right:auto;
        -webkit-transform:translateX(-50%) translateY(-50%);
        -moz-transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        -o-transform:translateX(-50%) translateY(-50%);
        transform:translateX(-50%) translateY(-50%);
        width:100%;
		padding:0 8%;
        /*padding:0 20%;
        text-align:center*/
    }
    .menu-section:nth-of-type(even) .half-container:first-of-type,.menu-section:nth-of-type(odd) .half-container:nth-of-type(2){
        left:0;
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .menu-section:nth-of-type(odd) .half-container:first-of-type,.menu-section:nth-of-type(even) .half-container:nth-of-type(2){
        right:0;
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.vertical-nav{
    position:fixed;
    z-index:1;
    right:15px;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:none
}
.vertical-nav a{
    display:block;
    height:40px;
    width:40px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:transparent url("../img/daymenu/icon-arrow.svg") no-repeat center center;
    -webkit-transition:opacity 0.2s 0s, visibility 0.2s 0s;
    -moz-transition:opacity 0.2s 0s, visibility 0.2s 0s;
    transition:opacity 0.2s 0s, visibility 0.2s 0s
}
.vertical-nav a.prev{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
    margin-bottom:10px
}
.vertical-nav a.inactive{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity 0.2s 0s, visibility 0s 0.2s;
    -moz-transition:opacity 0.2s 0s, visibility 0s 0.2s;
    transition:opacity 0.2s 0s, visibility 0s 0.2s
}
ul.top-nav,ul.vertical-nav{
    list-style:none;
    margin:0;
    padding:0
}
.top-nav{
    position:fixed;
    z-index:1;
    right:15px;
    top:2%;
    bottom:auto
}
.top-nav a{
    display:block;
    height:40px;
    width:40px;
    font-size:36px;
    opacity:0.5;
    cursor:pointer
}
.top-nav a:hover{
    color:#978667;
    opacity:1
}
@media only screen and (min-width: 1170px){
    .vertical-nav{
        display:block
    }
}