#header .resizer{
  width: 100%;
}

#header .imgContainer{
  padding-top: 100%;
}

.featureList .feature{
  flex: 0 0 38%;
  margin-top: 1rem;
}

.featureList img{
  width: 3rem;
}

#estero .resizer{
  width: 100%;
}

#estero .imgContainer{
  padding-top: 100%;
}

#vivere .resizer{
  width: 100%;
}

#vivere .imgContainer{
  padding-top: 100%;
}

#miur .resizer{
  width: 60%;
  margin: auto;
}

#miur .imgContainer{
  padding-top: 100%;
}

:root{
  --paese-number: 7;
  --paese-gap: 3rem;
}

/* #cuore .paesiList{
  column-gap: 1rem;
} */

#cuore .paesiItem{
  margin-top: 1rem;
  flex: 0 0 12%;
}

#cuore .paesiItem .resizer{
  width: 100%;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}

#cuore .paesiItem .imgContainer{
  padding-top: 100%;
}

:root{
  --community-distance: 24vw;
}

#community{
  position: relative;
  overflow: hidden;
}

#community .container{
  padding-top: var(--community-distance);
}

#community .bgImages{
  width: 100%;
  height: calc(5rem + var(--community-distance));
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

#community .communityImage{
  position: absolute;
}

#community .communityImage .resizer{
  width: 100%;
  border-radius: 26px;
  overflow: hidden;
}

#community .communityImage .imgContainer{
  padding-top: 100%;
}

#community .communityImage1{
  left: 3vw;
  width: 5vw;
  top: 3%;
}

#community .communityImage2{
  left: 19vw;
  width: 9vw;
  top: 13%;
}

#community .communityImage3{
  left: 24vw;
  width: 7vw;
  top: 53%;
}

#community .communityImage4{
  left: 5vw;
  width: 6vw;
  bottom: 8%;
}

#community .communityImage5{
  left: 38vw;
  width: 7vw;
  top: 8%;
}

#community .communityImage6{
  left: 47vw;
  width: 9vw;
  top: 40%;
}

#community .communityImage7{
  left: 61vw;
  width: 9vw;
  top: -6%;
}

#community .communityImage8{
  left: 65vw;
  width: 5vw;
  top: 46%;
}

#community .communityImage9{
  left: 87vw;
  width: 6vw;
  top: 12%;
}

#community .communityImage10{
  left: 85vw;
  width: 9vw;
  top: 56%;
}

.communityImage{
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
}

#community.active .communityImage{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@media (max-width: 1799px){
  #header .resizer {
    width: 100%;
    margin: auto;
  }

  #cuore .paesiItem {
    margin-top: 1rem;
    flex: 0 0 19.3333%;
  }

  .featureList img {
    width: 2rem;
  }
  
  #cuore .paesiItem .resizer {
    width: 76%;
  }
  
}

@media(max-width: 1199px){
  #header .resizer {
    width: 87%;
    margin: auto;
  }

  #miur .resizer {
    width: 28%;
    margin: auto;
  }
  
  #cuore .paesiItem .resizer {
    width: 76%;
  }
  
  .featureList img {
    width: 3rem;
  }
  
  #cuore .paesiItem{
    flex: unset;
  }

}

@media(max-width: 991px){
  #miur .resizer {
    width: 60%;
  }
}

@media(max-width: 767px){
  .feature img{
    width: 3rem;
  }

  #community .communityImage .resizer {
    border-radius: 5px;
  }

  #cuore .paesiItem .resizer {
    width: 100%;
  }
}

@media(max-width: 576px){
  #community .communityImage .resizer{
    width: 165%;
  }
}