@media only screen and (min-width: 30px) and (max-width: 969px) {


input {
    -webkit-appearance: none;
}

select {
    -webkit-appearance: none;
}


#vedi-ds
{
display:none;
}

.desktop-only {
display: none !important;
}

.content {
min-height: calc(100vh - 100px);
z-index:1;
}

img.logo
{
display:block;
margin:auto;
width: 65vw;
}

img.coppa
{
display:block;
margin:auto;
width: 70px;
}


#pagina
{
position:relative;
z-index:20;
width: 100%;
margin:auto;
}


.hero {
width: 100%;
height:123.1vw;
background-image: url('../images/img-home-ph.jpg');
background-size: 100%;
background-position: center;
display: flex;
align-items: center;      /* centra verticalmente */
justify-content: center;  /* centra orizzontalmente */
}

.fascia {
width: 100%;
background-color: #E9E1D2;
align-items: center;      /* centra verticalmente */
justify-content: center;  /* centra orizzontalmente */
}


.box33
{
position:relative;
z-index:20;
width: calc(100% - 16px);
margin:auto;
height: auto;
min-height: 150px;
border: 1px solid #cccccc;
border-radius: 10px;
}

.box {
 width: 10vw;
    height: 10vw;
    font-size: 5vw;                    /* font proporzionale al box */
    border-radius: 1.5vw;
  background-color: #a08250;


  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-weight: bold;
  margin-left:20px;
  margin-top:30px;
}


.box100
{
position:relative;
z-index:20;
width: 86%;
margin:auto;
border: 1px solid #a08250;
border-radius: 10px;
padding-top:60px;
padding-bottom:50px;
margin-top:80px;
}


  .tabella {
    display: block;
    width:90%;
    margin:auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* scroll fluido su iOS */
    scroll-snap-type: x mandatory;     /* aggancia le colonne */
        scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE/Edge */
  }
  
    .tabella::-webkit-scrollbar {
    display: none;                /* Chrome, Safari */
  }


  .riga {
    display: flex;
    flex-direction: row;
    width: max-content;                /* permette alle colonne di uscire dal viewport */
  }

  .colonna33 {
    display: block;
    width: 75vw;                       /* mostra 1a colonna intera + parte della 2a */
    flex-shrink: 0;
    scroll-snap-align: start;
  }


.boldo {
font-weight: 700;
}

A.bottone:LINK, A.bottone:VISITED, A.bottone:ACTIVE { 
font-family: "Inter", sans-serif;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
border:1px solid #1d1d1d;
border-radius: 10px;
font-size: 4vw;
font-weight: 400;
text-align: center;
color:#1d1d1d;
padding-top: 12px;
padding-bottom: 12px;
width:86%;
display: block;
}

A.bottone:HOVER { 
background-color: #a08250;
border:1px solid #a08250;
color:#ffffff;
cursor: pointer;
}


.corpo_home1 {
font-size: 5.5vw;
font-weight: 300;
text-align: center;
line-height:1.2;
margin-left:6%;
margin-right:6%;
padding-top:18vw;
padding-bottom:18vw;
}

.corpo_home1 br {
display:none;
}


.corpo1 {
font-size: 6vw;
font-weight: 700;
text-align: left;
line-height: 1.2;
padding-top:60px;
margin-left:7%;
margin-right:7%;
}

.corpo2 {
font-family: "Inter", sans-serif;
font-size: 4vw;
font-weight: 400;
text-align: left;
line-height: 1.2;
margin-top:8px;
margin-left:7%;
margin-right:7%;
}

.corpo3 {
font-size: 6vw;
font-weight: 700;
text-align: left;
line-height: 1.2;
padding-top:70px;
margin-left:7%;
margin-right:7%;
}

.corpo4 {
font-family: "Inter", sans-serif;
font-size: 4vw;
font-weight: 400;
text-align: left;
line-height: 1.2;
margin-top:8px;
margin-left:7%;
margin-right:7%;
color:#a08250;
}

.corpo5 {
font-family: "Inter", sans-serif;
font-size: 4vw;
font-weight: 400;
text-align: left;
line-height: 1.2;
margin-top:8px;
margin-bottom:40px;
margin-left:7%;
margin-right:7%;
}


.corpo_box {
font-family: "Inter", sans-serif;
font-size: 4vw;
font-weight: 400;
text-align: left;
line-height: 1.1;
margin-top:25px;
margin-left:20px;
margin-right:20px;
color:#605e5e;
}


.corpo_win1 {
font-size: 6vw;
font-weight: 700;
text-align: center;
line-height: 1.1;
margin-top:30px;
margin-bottom:35px;
margin-left:7%;
margin-right:7%;
color:#a08250;
}

.corpo_win1 br {
display:none;
}

.corpo_win2 {
font-family: "Inter", sans-serif;
font-size: 4vw;
font-weight: 400;
text-align: center;
line-height: 1.2;
}

.corpo_shop1 {
margin-left:7%;
margin-right:7%;
font-size: 4.5vw;
font-weight: 700;
text-align: center;
line-height: 1.1;
margin-top:70px;
}

.corpo_shop2 {
font-size: 7vw;
font-weight: 500;
text-align: center;
line-height: 1.1;
margin-top:10px;
margin-bottom:35px;
color:#a08250;
}



.corpo_footer1 {
font-family: "Inter", sans-serif;
font-size: 3.5vw;
font-weight: 400;
text-align: center;
margin-left:7%;
margin-right:7%;
line-height:1.2;
color:#605e5e;
margin-top:50px;
margin-bottom:8px;

}

.corpo_footer2 {
font-family: "Inter", sans-serif;
font-size: 3.5vw;
font-weight: 400;
text-align: center;
margin-left:7%;
margin-right:7%;
line-height:1.4;
color:#605e5e;
padding-bottom:60px;
}

.corpo_footer20 {
font-family: "Inter", sans-serif;
font-size: 3.5vw;
font-weight: 400;
text-align: center;
margin-left:7%;
margin-right:7%;
line-height:1.4;
color:#605e5e;
padding-bottom:0px;
}



.divi {
display:none;
}


}