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

  .container {
    min-width: 1366px;
  }

  #layoutMobile, #menuMobile, #heroHomeSm, #prossimiAppuntamentiSm,  #boxTeamSm {
    display: none;
  }

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

  #layoutMobile, #menuDesk, #heroHomeSm, #prossimiAppuntamentiSm, #boxTeamSm {
    display: none;
  }

  
  
  }
  
  
  
  
  /* ----------------- Smartphone ----------------- */
  
  @media screen and (max-width: 500px) {
  
  .nascondi-smartphone {
  display: none;
  }


  .col-7, .col-12, .col-4, .col-5, .col-6, .col-11, .col-8 {
    padding: 0;
  }

  #layoutDesktop, #menuDesk, #prossimiAppuntamenti, #boxTeam {
    display: none;
  }

  :root {
  --blu: #274F8D;
  --verde: #2FA168 ;
  --arancio: #F28C3E;
  --violet: #823D90;
  --magenta: #EA4C75;
  --grigio: #EFEFEF;
  --bordo: solid 4px black;
  --raggio-bordo: 35px;
  --ombra: -7px 7px 0px 0px #000000;
}

body {
  font-size: 1em;
  line-height: 1.2em;
  overflow: auto;
}

h1 {
  font-size: 9vw;
}

h2 {
  font-size: 14vw;
}

h4 {
  font-size: 7.5vw;
}

p {
  white-space: normal;
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 50px!important;
}

a.leggi {
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  font-size: 1.2em;
}

.container-fluid {
  padding: 0 1.5em;
}

#heroHomeSm {
  background: white;
  position: relative;
  z-index: 998;
  padding: 2em 0;

  img {
    border-radius: 0;
  }
}

#heroHome {
  margin-top: 75px;
  padding-top: 0;
  padding-bottom: 50px;

  h1 {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  h2 {
    font-size: 20vw;
    color: white;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text {
    transform: translateY(130%);
  }

  .wrapper {
    padding-bottom: 25px;
  }

  p {
    padding-bottom: 25px;
  }
}

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

#heroHome picture img.img-fluid {
  max-width: 75%;
  margin-top: -50px;
}

#testoScorr {
  overflow: hidden;
}

.testo-scorr-sm {
  position: relative;

  h3 {
    color: white;
    font-size: 15vw;
    white-space: nowrap;
  }
}

.news-ev {
  padding-top: 25px;

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

.cont-news {
  padding-right: 0;
}

.box-img img {
  margin-bottom: 25px;
}

#newsEvidenza {
  padding: 35px 0 3em;
}

.riga {
  gap: 1rem;
}

.riga a h3 {
  margin: .5rem 0;
  font-size: 2rem;
  padding: 0.1rem 1rem;
  white-space: nowrap;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#paroleScorr {
  padding: 25px 0;
}

#blogHome {
  padding: 50px 0;

  a {
    width: 100%;
    display: block;
    text-align: center;
  }

}

.col-12.col-md-6.pd {
  padding-top: 50px;
}

#bannerPossibile {
  padding: 2em 0;

  .row {
    padding: 2em;
  }

  img {
    margin: 25px 0;
  }

  a {
    display: block;
    width: 100%;
    text-align: center;
  }

}

#boxNl {
  padding: 2em 0;

  h4 {
    font-size: 8.5vw;
    padding: 25px 0;
  }
}

p.form {
  padding: 10px 20px 7px!important;
}

#prossimiAppuntamentiSm {
  margin-top: 2em;

  h2 {
  background: var(--violet);
  padding: 35px 25px 75px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  font-size: 10.5vw;
  color: white;
}
}

.calendario-app {
  margin-top: -50px;
  border-radius: 50px;

  span {
    margin-left: 0;
  }

  p.dati {
    font-size: 4.7vw;
    padding-bottom: 5px!important;
  }

  p.contenuto {
    padding-bottom: 35px!important;
  }

}

p.mese {
  padding-bottom: 5px!important;
  padding-top: 5px!important;
}

p.dati {
  padding-bottom: 15px!important;
}

p.contenuto {
  padding-bottom: 0!important;
}

.follow-ig {
  padding: 0;
  background: transparent;
  margin-top: 0;

  .box .uno {
    width: 47%;
  }
}

#testoScorr.due {
  padding: 50px 0 0;

  h3 {
    color: var(--violet);
    font-size: 40vw;
  }
}

#followIgSm {
  padding-bottom: 1.5em;
  padding-top: 0;
}

footer {
  margin-top: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  text-align: center;
}

footer .col-12.col-md-4 {
  justify-content: center;

  img {
    width: 15%;
    margin-top: 1.5em;
  }
}

#hoCuraDi {
  padding-top: 100px;

  p {
    font-size: 7.5vw;
    padding-bottom: 15px!important;
    padding-left: 0;
  }

  h1 {
    font-size: 17vw;
  }
}

#sicurezzaPersonale {
  padding: 50px 0;

  h2 {
    font-size: 6.5vw;
    padding-left: 0;
  }
}

#lavoriamoInsieme {
  padding: 50px 0 1.5em;

  p {
    width: 100%;
    padding-left: 0;
    color: whit;
  }

  .row.pd {
    padding: 0;
  }

  h3 {
    font-size: 10vw;
    padding-top: 50px;
  }

  ul {
    font-size: 4.7vw;
    padding-left: 0;
  }

  h2 {
    font-size: 13vw;
    padding-bottom: 25px;
  }
}

#crisiClimatica {
  .bcg {
    p {
      position: relative;

    }
  }
}

#crisiClimatica {
  .col-12.col-md-8.bcg-arancio {
      padding: 25px;
      border-radius: var(--raggio-bordo);
  }

  p {

    line-height: 1.2em;
  }
}

#crisiClimatica {
  height: 700px;
}

#crisiClimatica {
  .col-12.col-md-8.bcg-arancio {
    p {
        font-size: 3.7vw;
        padding-left: 0;
        width: 100%;
        padding-bottom: 0!important;
    }
  }
}

#crisiClimatica {
  .bcg {
    position: relative;
    top: -50px;
    z-index: -1;
  }
}

#crisiClimatica {
  & .bcg {
    p {
      position: relative;
      width: 100%;
      bottom: 0;
      right: 0;
      padding: 2em;
    }
  }
}

#essereGiovani {
  h2 {
    padding-left: 0;
    padding-bottom: 50px;
    font-size: 10vw;
  }
}

#essereGiovani .col-12.col-md-7 {
  padding-left: 0;
}

.testo-grande {
  font-size: 5vw;
}

#essereGiovani .container-fluid.pd-top-100 p.pd-left {
  padding-left: 0;
}

#lavoriamoInsieme.giovani h3 {
  padding-top: 0;
}

#hoCuraDi h1.antif {
  font-size: 12.5vw;
  line-height: .9em;
  padding-top: 0;
}

#antifa p {
  padding-left: 0;
}

#antifa .testo-grande {
  padding-top: 50px;
}

#antifa {
  .container-fluid.img {
      padding-top: 0;
  }
}

#raccLavoriamoPer {
  height: auto;
}

#raccLavoriamoPer #lavoriamoInsieme {
  padding-top: 0;

  .container-fluid.pd {
    padding: 0;
  }
}

#hoCuraDi.pace {
  padding-bottom: 50px;
}

#hoCuraDi.pace p {
  padding-left: 8%;
}

#crisiClimatica.pace {
  height: 500px;
}

#lavoriamoInsieme.no-pd .row {
  flex-direction: column-reverse;

  img {
    margin-top: 25px;
  }
}

#hoCuraDi h1.partecipazione {
  font-size: 11.5vw;
}


#sicurezzaPersonale {
  p {
    padding-left: 0px;
  }
}

#hoCuraDi h1.aree-interne {
  font-size: 14vw;
}

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

#crisiClimatica .row.inv p {
  padding-bottom: 0!important;
}

#crisiClimatica .row.inv .col-12.col-md-5.bcg-arancio {
  padding-bottom: 50px;
}

#essereGiovani .container-fluid.cent {
  width: 100%;
}

#essereGiovani .container-fluid.pd {
  padding-top: 0;
}

#essereGiovani img.logo {
  margin-bottom: 50px;
}

.simpleParallax {
  border-radius: var(--raggio-bordo);
}

#crisiClimatica {
  .col-12.col-md-8.bcg-arancio.sanita {
    padding: 25px;
    border-radius: var(--raggio-bordo);
    max-width: 100%;
  }
}

#crisiClimatica.sanita {
  height: 600px;
}

.box {
  width: 100%;
  display: block;
}

.numero {
  display: none;
}

#lavoriamoInsiemeSanita h3 {
  padding-bottom: 0;
}



.tit {
  display: block;

  p {
    width: fit-content;
    color: white;
    font-weight: 700;
    font-size: 4.7vw;
    padding-bottom: 0!important;
  }

  p.apri-tog {
    font-size: 12vw;
    margin: 25px 0 10px;
  }
}

.container-fluid .cont-menu-aperto img {
  width: 200px;
  border-radius: 0;
}

section.menu-aperto .container-fluid .cont-menu-aperto .chiudi p {
  padding-bottom: 5px!important;
}

.container-fluid.link-menu .row {
  flex-direction: column-reverse;
}

section.menu-aperto .container-fluid.link-menu {
    padding-top: 50px;

    a {
      font-size: 5.5vw;
      padding-left: 25px;
    }
}

section.menu-aperto .col-12.col-md-5.impegno-menu {
  padding: 15px 25px;
}

.impegno-menu .tit {
  display: flex;

  p {
    font-size: 6vw!important;
  }
}

section.menu-aperto .cont-impegno-menu a {
  font-size: 5.2vw !important;
  margin: 15px 0 0 !important;
  padding-left: 0;
}

.social-cont {
  padding-top: 0px;
  padding-left: 15px;

  a {
    padding-left: 10px!important;
  }

  .bi {
    font-size: 6.2vw;
  }
}

span.divisore.nascondi-desktop.nascondi-tablet {
  display: block;
  width: 90%;
  height: 2px;
  background: black;
  margin-left: 25px;
}

.container-fluid.il-mio-blog {
  padding-top: 150px;
}

#heroNews {
  padding-top: 100px;
  padding-bottom: 50px;

  h1 {
    font-size: 8vw;
    padding-bottom: 25px;
  }
}

#heroNews .container-fluid.info .row {
  flex-direction: column-reverse;

  .box-img {
    margin-bottom: 25px;
    height: 450px;
  }
}

#heroNews .container-fluid.info a {
  font-size: 4.7vw;
}

#heroNews .container-fluid.info p {
  font-size: 4.7vw;
  padding-bottom: 0px!important;
  padding-left: 10px;
}

#heroNews .col-2 {
  display: none;
}

#heroNews .anteprima-news {
  padding-top: 50px;
}

.container-fluid.cont-news {
  padding-top: 25px;
}

#heroArchivioNews {
  padding-top: 100px;

  h1 {
    font-size: 25vw;
  }
}

#filtri {
  padding: 25px 0;
  margin: 0;

  a {
    font-size: 4.5vw;
  }
}

#contArchivio {
  padding: 25px 0;

  .col-12.col-md-4 {
    padding-bottom: 0;
  }

  p.titolo {
    font-size: 6.5vw;
    padding-bottom: 25px!important;
    height: auto!important;
  }

  p.leggi {
    padding-bottom: 0!important;
  }
}

.cat {
  font-size: 3.5vw!important;
}

.cont-news .dati p {
  padding-bottom: 0!important;
  width: 100%;
}

.cont-news .dati a.cat {
  text-align: center!important;
}

#heroArchivioNews.bio h1 {
  font-size: 28.5vw;
}

#introBio {
  padding: 50px 0 50px;

  .col-12.col-md-4 p {
    font-size: 4.7vw;
  }

  .row.pd {
    padding-top: 50px;

    p {
      padding-bottom: 0!important;
      white-space: pre-line!important;
    }
  }
}

#sezioneDueBio {
  padding: 35px 0 0;
}

#sezioneTreBio {
  padding-bottom: 75px;

  .box-img {
    width: 75%;
  }

  p {
    font-size: 4.7vw;
    color: var(--magenta);
    width: 100%;
    padding-top: 50px;
    font-weight: 800;
  }
}

#lavoroConsiglio {
  padding-top: 50px;

  p.testo-grande {
    padding-top: 50px;
    padding-bottom: 0px!important;
  }
}

#lavoroConsiglioDue h2 {
  font-size: 9.5vw;
}

.form-contatto p {
  padding-bottom: 0!important;
}

#ilMioTeam {
  padding-bottom: 0;

  p {
    font-size: 4.7vw;
  }
}

#boxTeamSm {
  padding-bottom: 50px;
}

#boxTeamSm .cont {
  display: flex;
  background: grey;
  border-radius: var(--raggio-bordo);
  padding: 20px 20px;

  .nome {
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;

    p.apri {
      font-size: 65px;
      font-weight: 800;
      padding-bottom: 0!important;
      position: relative;
      top: -15px;
    }
  }
}

#boxTeamSm .testo {
  padding: 20px;

  p {
    white-space: pre-line;
    padding-bottom: 0!important;
  }
}

#boxTeamSm .uno .cont {
  background: var(--blu)!important;
}

#boxTeamSm .due .nome {
  padding-right: 0;
  padding-left: 20px;
}

#boxTeamSm .due .cont {
  background: var(--magenta)!important;
}

#boxTeamSm .link {
  padding-top: 25px;
  display: flex;
  align-items: center;

  span {
    width: 50px;
    display: block;
    height: 2px;
    background: black;
    margin: 0 10px;
  }

  .bi {
    font-size: 6vw;
  }
}

#regionePiemonte {
  padding: 50px 0;

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

  .box-img {
    margin-top: 1.5em;
  }

  p {
    padding: 35px!important;
  }
}

#organiElettivi .pd {
  padding-left: 0;

  h3 {
    white-space: normal;
  }

  p {
    padding-bottom: 0!important;
    padding-top: 25px;
  }
}

#credits {
  padding-bottom: 200px;

  .divisore {
    margin: 35px 0;
  }
}

#heroArchivioNews.credits h1 {
  font-size: 20vw;
}

    









}