/* Colors */
:root {
    --primary: #787878;
    --secondary: #f9f8f8;
    --secondary-rgb: 249,248,248;
    --green: #81b428;
    --white: #ffffff;
    --panna: #fafaf9;
    --red: #ab182d;
    /*--grigio: #FAF9F8;*/
}

/* End Colors */

/* FONTS
font-family: 'Dancing Script', cursive; 700
font-family: 'Kanit', sans-serif; 200 500
*/

/* Full page setup */
html {
    scroll-behavior: smooth;
    transition: all 0.3s ease;
}

body {
    color: var(--primary);
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
    /* font-weight: 100; */
    letter-spacing: .04rem;
    font-size: 16px;
    line-height: 1.75;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

#corporate {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#corporate::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    transition: font-size 0.3s ease 0s;
}

h1, .h1 {
    /* color: var(--white); */
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
    /* font-size: 25vw; */
    line-height: .8;
    /* letter-spacing: .0rem; */
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
    margin: 3rem 0 1.38rem;
    /* font-weight: 400; */
    line-height: 1.3;
}

h2, .h2 {
    font-weight: 200;
    /* font-size: 1.5rem; */
}


  
h1 {
    margin-top: 0;
    font-size: 2.488rem;
}
  
h2 {font-size: 2.074rem;}
  
h3 {font-size: 1.728rem;}
  
h4 {font-size: 1.44rem;}
  
h5 {font-size: 1.2rem;}

/* h1, .h1 {
	font-size: 1.802em;
}

h2, .h2 {
	font-size: 1.602em;
}

h3, .h3 {
	font-size: 1.424em;
}

h4, .h4 {
	font-size: 1.266em;
}

h5, .h5 {
	font-size: 1.125em;
} */

/* width */
::-webkit-scrollbar {
/*
    width: 10px;
    position: -10;
*/
    display: none;
}


#cookie-policy {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 16vh;
    background: #000;
    z-index: 9999;
    color: var(--panna);
}

#cookie-policy p {
	margin: 10px auto;
	width: 90vw;
	text-align: center;
}

nav {
    background-color: rgba(255,255,255,0.7);
}

nav button {
    /* old
    color: var(--white); */
    color: var(--primary);
}

nav button i {
    font-size: 1.5em;
}

.navbar-nav .nav-link {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 300;
}

#section-grapes img {
    width: 20px;
    margin-top: -6px;
    margin-left: 1rem;
}

#section-grapes a {
    padding: 0;
}

#section-grapes-mobile {
    border-bottom: 1px solid var(--primary);
    padding: .5rem 0;
}

#section-grapes-mobile img {
    width: 40px;
    margin: 15px auto 5px;
    display: block;
}

#fullpage-container {
	width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
}

/*
.section {
    overflow-x: hidden;
    height: 100vh;
}
*/

#fullpage {
    transition: ease .5s;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 200vw;
/*     height: 100vh; */
	height: 100%;
}

#corporate, #grapes {
    float: left;
    position: relative;
    width: 100vw;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*#corporate-scroll, */
#grapes-scroll {
	position: relative;
	height: 100%;
}


#corporate {
    z-index: 999;
    background-color: var(--white);
}

main {
    /* margin-top: -56px; */
    /* margin-top: -7vh; */
}

nav {
    z-index: 99;
}

/* End Full page setup */

/* Offcanvas Menu */
#js-bootstrap-offcanvas {
    background: var(--secondary);
}
/* End Offcanvas */

/* Banner */
#splashpage {
    
}

#splashpage h1, #uve-splash h1 {
    font-size: 15vh;
}

#uve-splash h1 {
    color: var(--white);
    line-height: .8;
}

#splashpage h1, #splashpage h3 {
    /* color: var(--white); */
    margin-top: 0;
    font-weight: 200;
}


#banner, #splashpage {
    position: relative;
    height: 100vh;
    /*background-image: url("../img/home/-AOMO7Zq_\ 1\ HOME.jpg");*/
    background-position: center center; /* Center the image */
    background-image: url("../img/home/img_6379_home.jpg");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */

}

#banner img {
    width: 100%;
}

#payoff {
    width: 100%;
    margin-bottom: -10vh;
}

/* #payoff {
    position: absolute;
    bottom: 20vh;
    width: 100vw;
    left: 50vw;
    margin-left: -50vw;
    
} */

/* #payoff h4,  #payoff .h4 {
    color: var(--white);
    margin-top: 2rem;
    font-weight: 100;
} */

/* End Banner */

/* mission */
#mission {
    /* padding: 5vh ;
    min-height: 30vh; */
}

#mission>div {
    width: 100%;
}

#mission h2, #mission .h2 {
    /* border-bottom: 1px solid var(--primary); */
    margin: auto;
    /* width: 70vw; */
    /* padding-bottom: 1rem; */
}

#mission p{
    font-size: 1.1rem;
}
/* end mission */

/* azienda */
.square, #mission {
    height: 100vw;
    width: 100vw;
    padding: 3vh !important;
}

.square h2, #qualita h2, #mission h2 {
    margin-top: 0;
    margin-bottom: 1rem;
}

#azienda {
    background-color: var(--secondary);
}

#img-azienda-1 {
    background-image: url('../img/home/2LcvhVHy_\ 2\ AZIENDA.jpg');
}

#img-azienda-2 {
    background-image: url('../img/home/8PL9Dcqg_3\ AZIENDA.jpg');
}

#img-azienda-1, #img-azienda-2 {
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */
}

#mission h2, #mission .h2,
#azienda h2, #azienda .h2,
#produzione h2, #produzione .h2,
#qualita h2, #qualita .h2
{
    color: var(--green);
}

/* fine azienda */

/* payoff2 */
#payoff2 {
    background-image: url('../img/home/striscia_new.png');
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */
    padding: 10vh ;
    /* min-height: 30vh; */
    height: calc(50vw / 1.7);
}

#payoff2 h1, #payoff2 .h1 {
    /* font-size: 15vh; */
    font-size: 10vh;
}

/* fine payoff2 */

/* produzione */
#produzione {
    transition: all 0.3s ease;
}

#produzione .row .col-12:nth-child(1),
#qualita .row .col-12:nth-child(1)
{
    background-color: var(--secondary);
}

#produzione p {
    margin-bottom: .5rem;
}

#produzione .align-self-center {
    width: 100%;
}

#produzione .prod-sec {
    text-transform: uppercase;
}

#produzione .prod-sec.selected {
    font-weight: 400;;
}

#produzione .prod-tab {
    display: none;
}

#produzione .prod-tab.show {
    display: block;
}

#produzione a {
    cursor: pointer;
}

.square-small {
    width: 50vw;
    height: 50vw;
}

#img-produzione-1, #img-produzione-2, #img-produzione-3, #img-produzione-4 {
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */
}

#img-produzione-1 {
    background-image: url(../img/home/la-nostra-produzione_1.jpg);
}

#img-produzione-2 {
    background-image: url(../img/home/la-nostra-produzione_2.jpg);
}

#img-produzione-3 {
    background-image: url(../img/home/la-nostra-produzione_3.jpg);
}

#img-produzione-4 {
    background-image: url(../img/home/la-nostra-produzione_4.jpg);
}

/* fine produzione */

/* Qualità */
#qualita {
    background-color: var(--secondary);
    height: 100vw;
}

#qualita h2, #qualita .h2 {
    /* color: var(--green); */
    /* color: var(--primary);
    font-size: 200; */
}
/* fine qualità */

/* brand */
#brand {
    background-image: url('../img/home/BRAND.jpg');
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */
    padding: 5vh ;
    height: 100vh;
}

#brand h1, #brand .h1 {
    /* font-size: 15vw; */
    font-size: 10vh;
}

#brand h2,  #brand .h2 {
    color: var(--white)
}
/* fine brand */

/* contatti */
#world-map {
    background-image: url('../img/home/MAPPA-01.jpg');
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire */
    height: 50vh;
    min-height: 300px;
    margin: auto -15px;
    background-position-y: -100px;
}

#contact-form {
    padding: 15vh 0;
}

#address {
    background-color: var(--secondary);
    box-shadow: 0px 1px 3px 0px var(--primary);
    margin-bottom: 2.5rem;
}

#address .img-fluid {
    padding: 1.25rem 1.25rem 0;
    /* margin-bottom: -10px; */
    /* margin-left: -4px; */
}

#address a{
    color: var(--primary);
}

#address a:hover {
    color: var(--green);
}

#address i {
    font-size: 2em;
    margin: auto .2em;
}

#message h5 {
    text-transform: uppercase;
    /* margin-top: 2rem;
    margin-bottom: 2rem; */
    margin: 1em auto;
}

#message .card-body {
    padding: 0;
}

#message input {
    background-color: var(--secondary);
    border: none;
/*     margin-bottom: 1.25rem; */
    font-weight: 200;
    font-size: 1rem;
}

#message .form-row >div {
	padding-bottom: 1.25rem;
}

#message textarea {
    background-color: var(--secondary);
    border: none;
    font-weight: 200;
    font-size: 1rem;
}

#message a {
    color: var(--primary)
}

#message button {
    background-color: var(--primary);
    border: none;
}

#message .error {
	color: var(--red);
}

.card {
    border: none;
}

.success {
    display: none;
	text-align: center;
	text-transform: uppercase;
}

/* #street-map {
    background-image: url('../img/home/google_maps.jpg');
    background-position: center center; /* Center the image *
    background-repeat: no-repeat; /* Do not repeat the image *
    background-size: cover; /* Resize the background image to cover the entire *
    height: 350px;
    
    margin: auto -15px;
    border-top: 1px solid var(--primary);
} */

#street-map { 
    /* height: 300px; */
    min-height: 350px;
    height: 30vh;
    margin: auto -15px;
    
    /* border-top: 1px solid var(--primary); */
}
/* fine contatti */

/* footer */
footer {
    background: var(--primary);
    color: var(--white);
    font-size: .7rem;
    padding-top: 45px;
    padding-bottom: 15px;
}

footer p {
    font-size: .8rem;
    margin-bottom: .1rem;
    line-height: 1.5rem;
}

footer a {
    color: var(--white);
    font-weight: 300;
}

footer h5 {
    margin-top: 0;
    margin-bottom: .5em;
}

.social {
    /* margin:auto;
    width: 300px; */
}

.social i {
    /* font-size: 10vw;
    margin: 3vw; */
    font-size: 25px;
    margin: 5px;
}

.social a:hover {
    color: var(--green);
}

.gotop {
    /* padding: 1vw; */
    border: 2px solid var(--white);
    max-width: 200px;
    margin: 1.25rem auto;
}

.gotop a {
    display: block;
    margin: 10px 20px;
}

.gotop a:hover {
    color: unset;
}

.fixed-top {
    background-color: var(--white);
    box-shadow: 0px 1px 2px 1px rgba(220,220,220,0.4);
    max-width: 100vw;
}

.fixed-top button {
    color: var(--primary);
}
/* fine footer */

/* Sezione Uve */
#grapes nav {
    /* position: fixed;
    width: 100%; */
    background-color: transparent;
    position: absolute;
    width: 100vw;
}

#grapes main {
    
    /* overflow-y: scroll;
    overflow-x: hidden; */
    position: relative;
}

#grapes {
/*     float: left; */
    background-image: url(../img/grapes/sfondo_grapes.jpg);
    background-position: center center;
    background-size: cover;
}

#grapes header {
    position: fixed;
    padding: .5rem 1rem;
}

#grapes h2 {
    color: var(--white);
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
    font-size: 2.7rem;
    line-height: .8;
    text-align: center;
    margin: 70px auto 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--white);
}

#grapes .card {
    text-align: center;
    margin: auto 15px 15px;
    cursor: pointer;
}

#grapes .card .img-fluid {
    padding: 1.25rem 1.25rem 0;
}

#grapes .card h3.nome-uva {
    font-size: 5vh !important;
    /* font-family: 'Dancing Script', cursive; */
    margin-top: 0;
    margin-bottom: 0;
}

#grapes #menu_grapes {
    /* background-color: rgba(255,255,255,0.5); */
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 55%, rgba(255,255,255,0) 100%);
    position: relative;
    width: 100vw;
    height: 100vh;
}
/* #grapes #menu_grapes {
    background-color: rgba(255,255,255,0.7);
} */

#uve-splash {
    height: 100vh;
}

#grapes_list {
    /* padding-left: 5vw; */
    /* width: 20vw;
    margin: 200px auto;
    margin: 140px auto; */
    width: 50vw;
    position: absolute;
    top: 23%;
    left: 50%;
    margin-left: -25vw;
}

#grapes_logo_static {
    /* position: relative; */
    width: 100%;
    z-index: 999;
    /* padding: 30px 50px 0; */
    height: 60px;
    /* position: fixed; */
    background-color: rgba(var(--secondary-rgb), 0.5);
}

#grapes_logo_static .logo {
    margin-top: 4px;
    margin-left: 3px;
}


#grapes_logo_static img {
    margin-left: -10px;
    width: 120px;
    top: 10px;
    left: 5px;
    /* position: absolute; */
}


#grapes_logo_static button {
    color: var(--secondary);
    position: absolute;
    right: 10px;
    top: 10px;
    /* font-size: 4.5vh; */
    font-size: 28px;
    background: transparent;
    border: none;

}

/* #menu_grapes .green-banner {

    background-image: url(../img/grapes/barra_prodotti.png);
    padding: 4px 4vw 8px 0;
    background-clip: border-box;
    background-size: 70vw;
    background-repeat: no-repeat;
    background-position: -5px 10px;
    width: 70vw;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -35vw;
} */

#menu_grapes .green-banner {
    width: 70vw;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -35vw;
}

#menu_grapes .green-banner .green-banner-background {
    position: absolute;
}

#menu_grapes .green-banner h1 {
    color: var(--secondary);
    /* font-size: 4vh; */
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    position: relative;
    padding-top: 3px;
    font-size: 1.7em;
}

/* Test */
/* #grapes main .green-banner {
    background-image: url(../img/grapes/barra_prodotti.png);
    padding: 8px 28px 20px 0;
    background-clip: border-box;
    background-size: 70vw;
    background-repeat: no-repeat;
    background-position: -5px 10px;
    width: 70vw;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -35vw;
    z-index: 99;
} */

/* #grapes main .green-banner h1 {
    color: var(--secondary);
    font-size: 4vh;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin: 8px 10px 10px;
} */

#grapes_list ul {
    list-style: none;
    padding-left: 0;
}

#grapes_list li {
    /* width: 17.5vw; */
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: var(--secondary);
    margin-bottom: 10px;
    padding: 5px 0;
}

#grapes_list li a {
    color: var(--primary);
}

#grapes_list li.sub-title {
    background-color: var(--green);
    border: none;
    text-transform: uppercase;
}

#grapes_list li.sub-title a{
    color: var(--secondary);

}

#grapes_list li#link_calendario {
    color: var(--secondary);
    border: 1px solid var(--primary);
    background-color: var(--primary);
    /* margin-bottom: 10px;
    padding: 5px 0; */
    text-transform: uppercase;
}

#grapes_list li#link_calendario a {
    color: var(--secondary);
}

#grapes_open {
    position: absolute;
    right: 2vw;
    top: 50%;
}

.modal-dialog {
    max-width: 100vw;
    margin: 0;
}

.modal-content {
    border-radius: 0;
    width: 100vw;
    height: 100vh;
    border: none;
    /* padding: 10px 50px; */
    overflow-x: hidden;
    overflow-y: scroll;
}

.modal-header {
    border: none;
    border-radius: unset;
    position: relative;
    padding: 0;
}

.modal-content .close {
    position: absolute;
    right: 30px;
    top: 30px;
    border-radius: 50%;
    color: var(--secondary);
    background-color: var(--green);
    height: 30px;
    width: 30px;
    text-shadow: none;
    opacity: unset;
    padding: 0;
}

.descrizione-uva {
    /* height: 90vh;
    width: 90vw; */
    /* background: var(--secondary); */
    margin: 30px 0;
    /* padding-top: 10vh; */
}

.descrizione-uva>.row:first-child {
    margin-bottom: 30px;
}

.descrizione-uva .green-banner {
    display: none;
}

.descrizione-uva .logo-description {
    margin-bottom: 0px;
}

.descrizione-uva .red-bug {
    position: absolute;
    width: 35px;
    top: -20px;
    right: 0px;
}

.descrizione-uva h2 {
    font-family: 'Dancing Script', cursive;
    color: var(--primary) !important;
}

.descrizione-uva .descrizione-uva-text {
    margin-top: 15px;
}

.descrizione-uva .descrizione-uva-text tbody{
    border-bottom: 1px solid #dee2e6;
}

.descrizione-uva .table {
    margin-top: 1.5rem;
}

.descrizione-uva .table td, 
.descrizione-uva .table th {
    padding: .5rem;
}

.descrizione-uva .avail {
    /* background-color: var(--secondary); */
}

.descrizione-uva .avail td {
    border: 1px solid var(--green);
    background-color: var(--secondary);
    padding: .1rem;
    text-align: center;
}

.descrizione-uva .avail td.red-dot {
    background-color: transparent;
}

.descrizione-uva .avail td.red-dot>div,
#calendadrio_stagionale .avail td.red-dot>div
 {
    border-radius: 50%;;
    width: 15px;
    height: 15px;
    background: var(--red);
    margin: auto;
}

.descrizione-uva .avail td.red-dot>div {
    display: inline-block;
    margin-right: .5rem;;
}

.descrizione-uva .avail td:first-child {
    margin-right: .2rem;
}

.descrizione-uva .avail td:last-child{
    background-color: var(--green);
    color: var(--white);
    font-weight: 300;
    margin-left: .2rem;;
}

.descrizione-uva .avail-calendar tbody {
    border: none;
}

/* .descrizione-uva .avail-calendar .months th, 
.descrizione-uva .avail-calendar .months td {
    border: none !important;
} */



/* .descrizione-uva .avail-calendar .month td {
    border: none;
} */



#semi_rossa, #senza_semi_rossa {
    /* background-color: rgba(255,255,255,0.7); */
}

#semi_nera, #senza_semi_nera {
    /* background-color: rgba(255,255,255,0.7); */
}

#calendadrio_stagionale {
    min-height: 100vh;
    /* background-color: var(--secondary); */
    background-color: rgba(249, 248, 248, .8);
    /* opacity: .9; */
    padding-top: 60px;
    padding-bottom: 60px;
}

#calendadrio_stagionale h3 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    
}

#calendadrio_stagionale .avail-calendar .months th {
    border: none;
    padding: 0;
}

#calendadrio_stagionale .avail-calendar .months td {
    border: none;
    padding: 0;
    text-align: center;
}

#calendadrio_stagionale .spacer td {
    border: none;
    padding: .3rem;
}

#calendadrio_stagionale .avail-calendar .avail th {
    border: none;
    text-align: right;
    padding: .3rem .6rem;
}

#calendadrio_stagionale .avail-calendar .avail td {
    border: 1px solid var(--green);
    padding: .3rem .5rem .2rem;
    background-color: var(--panna);
}


#calendadrio_stagionale .avail th {
    font-weight: 200;
}

#calendadrio_stagionale .avail th .grape-type {
    font-weight: 300;
}

/* Calendario stagionale mobile */

#calendadrio_stagionale .cal-small {
    margin: 0 15px;
}

#calendadrio_stagionale .cal-small-title {
    background-color: var(--green);
    color: var(--white);
    padding-top: .1rem;
    padding-bottom: .2rem;
    margin-bottom: .5rem;
    margin-top: 1rem;
}

.cal-small-title h4 {
    margin: 0;
}

.cal-small-name, 
.cal-small-months {
    border: 1px solid var(--green);
    padding: .1rem .5rem;
    margin-bottom: .3rem;
}

.cal-small-name {
    background-color: var(--panna);
    text-align: right;
    margin-right: .1rem;
}

.cal-small-months {
    margin-left: .1rem;
}
/* fine calendario stagionale small */



/* responsive Breakpoints */
/* Very small devices */
@media (max-width: 370px) {
    .square, #mission {
        height: 130vw !important;
    }

    #menu_grapes .green-banner {
        width: 80vw;
        margin-left: -40vw;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .square {
        /* height: 50vw; */
        width: 50vw;
        height: calc(50vw / 1.7);
    }

    .square-small {
        width: 25vw;
        height: 25vw;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
    .navbar-expand-md {
        /* padding: 2vh 4vw; */
        padding: 10px;
    }

    .navbar-nav .nav-link {
        padding-right: 1rem !important;
        font-size: .75rem;
    }
    
    #cookie-policy {
		height: 10vh;
	}

    #js-bootstrap-offcanvas {
        background: transparent;
    }

    #banner {
        height: calc(100vw/1.7);
    }

    /* h1, .h1 {
        font-size: 10vw;
    } */

    h2, h3, h4, h5 {
    margin: 3rem 0 1.38rem;
    /* line-height: 1.3; */
    }

    h1 {
    margin-top: 0;
    font-size: 1.802rem;
    }

    h2 {font-size: 1.602rem;}

    h3 {font-size: 1.424rem;}

    h4 {font-size: 1.266rem;}

    h5 {font-size: 1.125rem;}

    small, .text_small {font-size: 0.889rem;}

    .square, #mission {
        padding: 5vh !important;
    }

    #mission {
        /* height: 50vh; */
        height: calc(50vw / 1.7);
    }

    /* #mission h2{
        font-size: 1.1rem;
    } */

    #mission p{
        font-size: .8rem;
    }

    /* #mission h2, #mission .h2 {
        width: 30vw;
    } */

    .square {
        font-size: .7rem;
    }

    .square h2{
        /* font-size: 1.1rem; */
    }

    #payoff2  {
        padding: 15vh;
    }

    #payoff2 h1, #payoff2 .h1, #brand h1, #brand .h1 {
        font-size: 8vw;
    }

    #qualita {
        height: 40vw;
    }

    #world-map {
        height: calc(100vw/1.7);
        margin-bottom: -100px;
    }

    #contact-form {
        padding: 45px 0;
    }
    
    #contact-form .row>div {
        padding: 0 5vw;
    }

    #contact-form .row>div:nth-child(1) {
        margin-top: 1.5em;
    }

    .social i {
        font-size: 2vw;
        margin: 1vw;
    }

    #brand {
        height: calc(100vw/1.7);
        
    }

    #street-map {
        /* height: calc(100vw/1.7); */
    }

    /* #grapes main .green-banner {
        padding: 8px 25px 20px 0;
        background-size: 55vw;
        background-position: 0px -3px;
        width: 55vw;
        top: 65px;
        left: 50%;
        margin-left: -27.5vw;
    } */

    #menu_grapes .green-banner {
        width: 60vw;
        position: absolute;
        top: 12%;
        left: 50%;
        margin-left: -30vw;
    }

    #menu_grapes .green-banner h1 {
        margin-top: 10px;
    }

    #grapes .card h3.nome-uva {
        font-size: 3vh !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	#fullpage {
	    overflow-y: hidden;
    }

    /* body {
        font-weight: 100;
    } */

    /* h1, .h1 {
		font-size: 4.209em;
    }
	
	h2, .h2 {
		font-size: 3.157em;
	}
	
	h3, .h3 {
		font-size: 2.369em;
	}
	
	h4, .h4 {
		font-size: 1.777em;
	}
	
	h5, .h5 {
		font-size: 1.333em;
    } */

    h1, h2, h3, h4, h5 {
        margin: 3rem 0 1.38rem;
        /* line-height: 1.3; */
    }

    h1 {
        margin-top: 0;
        font-size: 3.052rem;
    }

    h2 {font-size: 2.441rem;}

    h3 {font-size: 1.953rem;}

    h4 {font-size: 1.563rem;}

    h5 {font-size: 1.25rem;}

    small, .text_small {font-size: 0.8rem;}
    
    .navbar-expand-md {
        /* padding: 2vh 4vw; */
        padding: 20px;
    }

    .navbar-nav .nav-link {
        padding-right: 3rem !important;
        /* font-size: .8rem; */
        letter-spacing: .05rem;
    }

    #mission p{
        font-size: 1.1rem;
    }

    /* #mission h2{
        font-size: 1.5rem;
    } */

    .square {
        font-size: 1rem;
    }

    .square  h2{
        /* font-size: 1.5rem; */
    }

    #grapes_logo_static {
        /* position: fixed; */
        width: 100%;
        z-index: 999;
        padding: 30px 50px 0;
        background-color: transparent;
    }

    #grapes_logo_static img {
        margin-left: -10px;
        position: relative;
        width: 180px;
        top: unset;
        left: unset;
    }

    #grapes_logo_static button {
        right: 50px;
        top: unset;
    }

    /* #grapes_logo_static .green-banner {
        background-image: url(../img/grapes/barra_prodotti.png);
        padding: 4px 4vw 20px 0;
        background-clip: border-box;
        background-size: 26vw;
        background-repeat: no-repeat;
        background-position: 0;
        width: 30vw;
        /* margin-left: -50px;
    }*/

    /* #grapes_logo_static .green-banner h1 {
        color: var(--secondary);
        font-size: 24px;
        font-family: 'Kanit', sans-serif;
        font-weight: 300;
        margin: 5px 10px 10px;
    } */

    /* #grapes #menu_grapes {
        background-color: rgba(255,255,255,0.7);
        position: relative;
        width: 100vw;
        height: 100vh;
    } */

    #grapes_list {
        /* padding-left: 5vw; */
        width: 20vw;
        /* margin: 140px auto; */
        margin-left: -10vw;
    }

    #grapes #menu_grapes {
        background-color: rgba(255,255,255,0.5) !important;
        position: fixed;
        height: 100vh;
        width: 33vw;
        margin-left: -28vw;
        transition: ease .5s;
        z-index: 99;
    }   

    #grapes #menu_grapes.open {
        margin-left: 0;
    }

    #grapes_list h1 {
        /* position: fixed; */
        /* top: 10vh; */
    }

    #grapes h2 {
        color: var(--white);
        font-family: 'Dancing Script', cursive;
        font-weight: 700;
        font-size: 5rem;
        line-height: .8;
        text-align: center;
        margin-bottom: 3rem;
    }

    /* Sezione uve */
    #grapes .varieta {
        /* min-height: 100vh; */
    }

    #grapes .varieta h2 {
        margin: 30px;
    }

    #grapes .varieta .card {
        margin: auto 15px 30px;
    }

    .descrizione-uva .green-banner {
        /* position: absolute; */
        background-image: url(../img/grapes/barra_prodotti.png);
        padding: 4px 4vw 20px 0;
        background-clip: border-box;
        background-size: 26vw;
        background-repeat: no-repeat;
        background-position: 0;
        width: 30vw;
        z-index: 9;
        margin-left: -65px;
        display: block;
    }

    .descrizione-uva .avail td {
        padding: .3rem;
    }

    .descrizione-uva .red-bug {
        position: absolute;
        width: 50px;
        top: -25px;
        right: -20px;
    }
    
    .descrizione-uva .green-banner h1 {
        color: var(--secondary);
        font-size: 24px;
        font-family: 'Kanit', sans-serif;
        font-weight: 300;
        margin: 5px 10px 10px;
    }

    .descrizione-uva .logo-description {
        margin-bottom: 30px;
    }

    .descrizione-uva .descrizione-uva-text {
        margin-top: -90px;
    }

    .descrizione-uva .descrizione-uva-text h3 {
        font-size: 1.5rem;
    }

    .descrizione-uva .descrizione-uva-text p {
        margin: auto auto 30px;
        width: 90%;
        font-size: .9em;
    }

    .descrizione-uva .avail-calendar .months td {
        font-size: .8rem;
        padding: .3rem;
        min-width: 55px;
        text-align: center;
    }

    .descrizione-uva .descrizione-uva-text td,
    .descrizione-uva .descrizione-uva-text th {
        padding-right: .3rem;
        font-size: .7rem;
    }

    .descrizione-uva .avail th {
        padding: .1rem;
        border: none;
        font-size: .8em;
    }

    .descrizione-uva .img-container {
        position: relative;
        margin: auto 10px;
    }

    .descrizione-uva .avail-calendar {
        margin-top: 0px;
    }

    #calendadrio_stagionale .avail-calendar .avail td {
        min-width: 50px;
        padding: .5rem .1rem .1rem;
    }

    
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .navbar-expand-md {
        /* padding: 2vh 4vw; */
        /* padding: 30px; */
        padding: 30px;
    }

    .navbar-brand img {
        width: 200px;
    }

    .navbar-nav .nav-link {
        font-size: 1.1rem;
    }

    .square, p, #mission p {
        font-size: 1.25rem;
    }

    #message input {
        font-weight: 200;
        font-size: 1.2rem;
    }
    
    #message textarea {
        font-weight: 200;
        font-size: 1.2rem;
    }

    #grapes_list {
        /* padding-left: 5vw; */
        /* width: 20vw;
        margin: 200px auto; */
    }

    #grapes .varieta .card {
        margin: auto 45px 30px;
    }

    .descrizione-uva .descrizione-uva-text h3 {
        font-size: 2rem;
    }

    .descrizione-uva .descrizione-uva-text p {
        margin: auto auto 30px;
        width: 80%;
        font-size: 1em;
    }

    .descrizione-uva .avail-calendar .months td {
        font-size: .8rem;
        padding: .3rem;
        min-width: 80px;
        text-align: center;
    }

    .descrizione-uva .descrizione-uva-text td,
    .descrizione-uva .descrizione-uva-text th {
        padding-right: .3rem;
        font-size: 1rem;
    }

    .descrizione-uva .avail th {
        padding: .2rem;
        border: none;
        font-size: .9em;
    }

    .descrizione-uva .img-container {
        position: relative;
        margin: auto 30px;
    }

    .descrizione-uva .avail-calendar {
        margin-top: 30px;
    }

    #calendadrio_stagionale .avail-calendar .avail td {
        min-width: 80px;
        padding: .5rem .1rem .1rem;
    }
}