/* Style Tile */
.st_h1 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 600; /* bold */
  text-wrap: balance;
}

.st_h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600; /* bold */
  text-wrap: balance;
}

.st_h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600; /* bold */
  text-wrap: balance;
}

.st_h4 {
  font-size: 21px;
  line-height: 24px;
  font-weight: 600; /* bold */
  text-wrap: balance;
}

.st_text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300; /* regular */
}

.st_h1.st_font-mobile {
  font-size: 28px;
  line-height: 32px;
}

.st_h2.st_font-mobile {
  font-size: 24px;
  line-height: 28px;
}

.st_h3.st_font-mobile {
  font-size: 18px;
  line-height: 22px;
}

.st_h4.st_font-mobile {
  font-size: 16px;
  line-height: 20px;
}

.st_text.st_font-mobile {
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 768px) {
  .st_h1 {
    font-size: 28px;
    line-height: 32px;
  }

  .st_h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .st_h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .st_h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .st_text {
    font-size: 16px;
    line-height: 22px;
  }
}

/* Classi CSS */
.st_bg-azzurro {
  background-color: #0072c1;
}
.st_text-azzurro {
  color: #0072c1;
}

.st_bg-azzurro-due {
  background-color: #0172c1;
}
.st_text-azzurro-due {
  color: #0172c1;
}

.st_bg-blu-scuro-uno {
  background-color: #082376;
}
.st_text-blu-scuro-uno {
  color: #082376;
}

.st_bg-blu-scuro-due {
  background-color: #0a1c53;
}
.st_text-blu-scuro-due {
  color: #0a1c53;
}

.st_bg-grigio-chiaro {
  background-color: #f5f5f5;
}
.st_text-grigio-chiaro {
  color: #f5f5f5;
}

.st_bg-grigio-scuro {
  background-color: #574F45;
}
.st_text-grigio-scuro {
  color: #574f45;
}