.hero h1 {
  font-size: 95px;
  line-height: 105px;
  letter-spacing: 0px;
}
.hero h3 {
  font-size: 50px;
  margin-top: 20px;
}
h1.heading {
  font-size: 65px;
  line-height: 1.2;
}
h1.heading.imm {
  font-size: 42px;
  line-height: 1.2;
}
.widget h2.widget-title {
  font-size: 36px;
}
.navbar-collapse {
  font-size: 23px !important;
  /* font-size menù su desktop */

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-collapse {
    font-size: 21px !important;
    /* font-size menù su tablet landscape */
  
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    font-size: 20px !important;
    /* font-size menù su tablet portrait */
  
  }
}
/*  dai tablet in landscape ai desktop */
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .intro h1 {
    font-size: 70px;
  }
  .intro h3 {
    font-size: 36px;
  }
  h1.heading {
    font-size: 50px;
  }
  h1.heading.imm {
    font-size: 38px;
    padding: 10px 10px;
  }
  .widget h2.widget-title {
    font-size: 32px;
  }
}
/* dai tablet in portrait fino al landscape e mini desktop */
/*-----------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  .intro .hero h1 {
    font-size: 70px;
    line-height: 75px;
  }
  .intro .hero h3 {
    font-size: 36px;
  }
  h1.heading {
    font-size: 48px;
  }
  h1.heading.imm {
    font-size: 32px;
  }
  .widget h2.widget-title {
    font-size: 32px;
  }
}
/* Landscape phone to portrait tablet */
/*-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .intro .hero h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .intro .hero h3 {
    font-size: 30px;
  }
  h1.heading {
    font-size: 35px;
  }
  h1.heading.imm {
    font-size: 24px;
  }
  .widget h2.widget-title {
    font-size: 28px;
  }
}
/* phones and down */
/*-----------------------------------------------------------------------------------*/
@media (max-width: 480px) and (orientation: portrait) {
  .intro .hero h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .intro .hero h3 {
    font-size: 24px;
  }
  h1.heading {
    font-size: 30px;
  }
  h1.heading.imm {
    font-size: 20px;
  }
  .widget h2.widget-title {
    font-size: 24px;
  }
}