* {
    padding: 0;
    margin: 0;
  }
  
  
  /* ----------------- Desktop ----------------- */
  
  @media screen and (min-width: 1025px) {
  .nascondi-desktop {
    display:none;
  }

  .container {
    min-width: 1366px;
  }

  #menuSm, #heroHomeSm, .box-testo-sm, footer.sm, #menuMobile, .box-img {
    display: none;
  }



  }
  
  
  
  
  /* ----------------- Tablet ----------------- */
  
  @media screen and (max-width: 1024px) and (min-width: 500px) {
  
  .nascondi-tablet {
    display:none;
  }

  #menuSm, #heroHomeSm, .box-testo-sm, footer.sm, #menuMobile, .box-img {
    display: none;
  }
 
  
  
  }
  
  
  
  
  /* ----------------- Smartphone ----------------- */
  
  @media screen and (max-width: 500px) {
  
  .nascondi-smartphone {
  display: none;
  }

  #menuDesk, #heroHome, footer.desk {
    display: none;
  }

  .container-fluid {
    padding: 0 8%;
  }

  h1, h4 {
    font-size: 10vw;
    line-height: 1.1em;
  }

  h2 {
    font-size: 4.5vw;
  }

  h3 {
    font-size: 7vw!important;
  }

  h5 {
    font-size: 5vw!important;
  }

  p {
    font-size: 4vw;
  }


  #heroHome {
    padding-top: 150px;
  }

  #pranzoHome {
    padding: 0;
    margin-top: 25px;
    background-position-y: 0;
  }

  #pranzoHome h1 {
    width: 80%;
    margin: 0 auto;
  }

  a.cta-std p {
    font-size: 8vw;
  }

  a.cta-std:after {
    width: 90%;
    left: 5%;
  }

  #pranzoHome img, #bottegaHome img, #pranzoHome p.box, #bottegaHome p.box {
    padding: 35px;
  }

  .cont-testo {
    margin-top: 0;
  }

  img.tipologia {
    margin-top: -10%;
    width: 30%;
  }

  .numero p {
    font-size: 25vw;
    padding-left: 0;
    transform: unset;
  }

  .numero img {
  width: 22em;
  position: absolute;
  top: 3em;
  left: 0;
}

#tipologie {
  padding-top: 50px;
}

#tipologie .col-12.col-md-4 {
  padding-bottom: 50px;
}

#tipologie .divisore {
  margin: 0 auto 50px;
}

#tipologie h4 {
  font-size: 7vw!important;
}

#tipologie .container-fluid.specialita h3 {
  font-size: 12vw!important;
}

#tipologie .container-fluid.centr {
  padding-left: 15%;
}

#specialitaHome {
  background-size: 150%;
}

#specialitaHome .row {
  flex-direction: column-reverse;
}

#specialitaHome h4 {
  font-size: 8vw;
}

#bottegaHome {
  padding: 100px 0 50px;
}

#bottegaHome h3 {
  font-size: 12vw !important;
}

#bottegaHome h2 {
  padding-bottom: 0;
}

#bottegaHome .col-12.col-md-6.flex {
  display: none;
}

#duttostAziende h3 {
  font-size: 12vw!important;
}

#duttostAziende h4 {
  font-size: 7vw;
  padding-bottom: 50px;
}


#duttostAziende .box-img img {
  margin-top: 100px;
}

#duttostAziende .container-fluid.no-pd {
  padding: 0;
}

#duttostAziende .box-img {
  height: 400px;
}

#ogniGiorno {
  background-size: cover;
  padding-top: 50px;
}

#ogniGiorno h3 {
  font-size: 12vw!important;
}

#proposte {
  margin-top: -5%;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}

#proposte p.nome-proposta {
  font-size: 9vw;
}

#proposte .divisore {
  margin: 15px 0;
}

#proposte p.contenuto {
  font-size: 6vw;
}

#proposte .col-12.col-md-5.due {
  padding-left: 0;
  margin-top: 50px;
}

#proposte .row {
  padding-bottom: 50px;
}

#contatti {
  background-size: 200%;
  position: relative;
  z-index: 1;
  padding-top: 100px;
}

#contatti h3 {
  font-size: 12vw!important;
}

#contatti h2 {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 0;
}

#contatti .divisore {
  margin: 50px 0;
}

#contatti .spazio-verde {
  height: 50px;
}

footer.sm {
  padding: 0;
}

footer.sm .legal {
  color: white;
  background: black;
  padding: 25px 5%;
}

footer.sm .legal p {
  font-size: 5vw;
  line-height: 1.5em;
}

footer.sm .legal p, footer.sm .legal a {
  color: white;
  line-height: 1.3em;
}

footer.sm .social {
  justify-content: center;
}

footer.sm .social p {
  font-size: 7vw;
  padding-right: 10%;
}

.social.ig {
  width: 60%;
}

.social.fb {
  width: 80%;
}

.fondo-intro {
  display: none;
}

#heroPromozioni {
  background-position-y: 35px;
}

#heroPromozioni h3 {
  font-size: 12vw!important;
}

.box-img {
  padding: 35px!important;
}

#heroPromozioni .col-12.col-md-6.flex {
  display: none!important;
}

#heroPromozioni ul {
  padding-left: 15%;
  padding-top: 25px;
}

#heroPromozioni li {
  font-size: 7vw;
}

#heroPromozioni .row.dinamica .col-12.col-md-6.cont-din {
  background: unset;
  padding: 0;
  background-image: url('../img/Pattern_Pasta.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

#heroPromozioni .row.dinamica .col-12.col-md-6.cont-din h4 {
  font-size: 7vw;
}

#offertePromozioni h1 {
  padding: 50px 0 75px;
  font-size: 8vw;
}

#offertePromozioni {
  background-size: 200%;
}

#heroPromozioni h3 {
  font-size: 10vw!important;
}

#heroPromozioni.pastificio h2 {
  width: 100%;
}

#pranzoHome.pastificio {
  padding: 0;
  margin: 0;
  background-image: none;
}

#pranzoHome.pastificio .row {
  padding-bottom: 50px;
}

#pranzoHome.pastificio h1 {
  width: 100%;
  background: var(--verde);
  padding-top: 50px;
}

#pranzoHome.pastificio .box-cta {
  padding-top: 50px;
}

.cont-logo-dutto {
  margin-bottom: 25px;
}

.cont-logo-dutto .secondo {
  width: 100%;
}

#dutto {
  padding-top: 50px;
  padding-bottom: 0;
}

#dutto .col-12.col-md-4 {
  padding: 0 0 50px 0;
}

.box-img-desk img.esperienza {
  object-position: left;
}

h1.bottega {
  font-size: 9vw;
}

#bottega {
  padding: 0;
}

#bottega .row {
  padding-bottom: 0;
}

#bottega .col-12.col-md-5 {
  padding: 0;
}

#bottega .box-cont {
  padding: 50px 25px 25px;
  margin-bottom: 75px;
}

#bottega .box-cont h4 {
  font-size: 6.5vw;
  padding-bottom: 25px;
}

#bottega img {
  top: -10em;
}

#bottega img.basse {
  width: 49%;
  top: -11em;
  right: 3em
}

#esperienza.bottega {
  padding-bottom: 0;
}

#esperienza.bottega .box {
  padding-bottom: 50px;
}

#esperienza {
  padding-top: 75px;
  padding-bottom: 75px;
}

#esperienza .contenitore {
  padding: 0;
  display: block;
}

#esperienza .box {
  width: 100%;
  padding-bottom: 75px;
}

#esperienza .box-immagine {
  margin-bottom: 0;
}

h1.aziende {
  font-size: 7vw;
  padding-bottom: 50px;
}

#esperienza.convenzioni {
  margin-top: 75px;
  padding: 75px 0 0px;
  background-size: 200%;
}

#esperienza.convenzioni h3 {
  font-size: 10vw!important;
  padding-bottom: 50px;
}

#esperienza.convenzioni .container-fluid {
  background: var(--giallo);
}

.box.convenzioni {
  padding: 0;
}










  
}