.about,
.modal-close {
  font-size: var(--font-h5-size);
}

.language {
  font-size: var(--font-h10-size);
}

/* MODAL */
.modal-about-data-info h2 {
  font-size: var(--font-h5-size);
}

.modal-about-title {
  font-size: var(--font-h11-size);
}

.modal-about-grfc h4 {
  font-size: var(--font-h12-size);
}

.modal-about-share h3 {
  font-size: var(--font-h11-size);
}

.modal-about-share a {
  font-size: var(--font-h5-size);
}

/* DATE */
.modal-content-date-time ul li {
  font-size: var(--font-h9-size);
}

.modal-content-date-time .time-title {
  font-size: var(--font-h1-size);
}

/* PRELOADER */
#dataLoading {
  font-size: var(--font-h11-size);
}

/* MENU */
/* data values */
.data-title {
  font-size: var(--font-h11-size);
  font-weight: 100;
}

.data-value {
  font-size: var(--font-h3-size);
  font-weight: 100;
}

.menu-top-control ul li:not(:first-child) {
  font-size: var(--font-h12-size);
}

.menu-top-control ul li:first-child {
  font-size: var(--font-h5-size);
}

/* TOOLTIP */
.tooltip {
  font-size: var(--font-h11-size);
}

/* INTRO */
#intro #startText {
  font-size: var(--font-h2-size);
}

#intro #dataLoading {
  font-size: var(--font-h3-size);
}

#intro #explainText {
  font-size: var(--font-h3-size);
}

#intro #controlText {
  font-size: var(--font-h8-size);
}

#intro #page-index {
  font-size: var(--font-h13-size);
}

#intro #nextButton,
#modal-date-btn {
  font-size: var(--font-h6-size);
}

/* MENU */
#t-send span,
#t-switch span {
  color: var(--btn-clr-hover-color);
}

/* MOBILE */
/* MOBILE */
/* MOBILE */
@media only screen and (max-width: 600px) {

  .about,
  .modal-close {
    font-size: var(--font-h9-size);
  }

  #loading {
    font-size: var(--font-h3-size);
  }

  .language {
    font-size: var(--font-h9-size);
  }

  /* MODAL */
  .modal-about-data-info h2 {
    font-size: var(--font-h9-size);
  }

  .modal-about-grfc h4 {
    font-size: var(--font-h12-size);
  }

  .modal-about-share h3 {
    font-size: var(--font-h11-size);
  }

  .modal-about-share a {
    font-size: var(--font-h7-size);
  }

  /* DATE */
  .modal-content-date-time ul li {
    font-size: var(--font-h9-size);
  }

  .modal-content-date-time .time-title {
    font-size: var(--font-h5-size);
  }

  /* MENU */
  /* data values */
  .data-title {
    font-size: var(--font-h12-size);
    font-weight: 100;
  }

  .data-value {
    font-size: var(--font-h5-size);
    font-weight: 100;
  }

  .menu-top-control ul li:not(:first-child) {
    font-size: var(--font-h12-size);
  }

  .menu-top-control ul li:first-child {
    font-size: var(--font-h6-size);
  }

  /* TOOLTIP */
  .tooltip {
    font-size: var(--font-h11-size);
  }

  /* INTRO */
  #intro #startText {
    font-size: var(--font-h4-size);
  }

  #intro #dataLoading {
    font-size: var(--font-h4-size);
  }

  #intro #explainText {
    font-size: var(--font-h9-size);
  }

  #intro #controlText {
    font-size: var(--font-h8-size);
  }

  #intro #page-index {
    font-size: var(--font-h13-size);
  }

  #intro #nextButton,
  .modal-date-btn {
    font-size: var(--font-h8-size);
  }
}