/*  */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

.noto-sans-tc-thin {
  font-family: "Noto Sans TC", serif;
  font-weight: 100;
  font-style: normal;
}

.noto-sans-tc-light {
  font-family: "Noto Sans TC", serif;
  font-weight: 300;
  font-style: normal;
}

.noto-sans-tc-regular {
  font-family: "Noto Sans TC", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-tc-medium {
  font-family: "Noto Sans TC", serif;
  font-weight: 500;
  font-style: normal;
}

.noto-sans-tc-bold {
  font-family: "Noto Sans TC", serif;
  font-weight: 700;
  font-style: normal;
}

.noto-sans-tc-black {
  font-family: "Noto Sans TC", serif;
  font-weight: 900;
  font-style: normal;
}

.noto-sans-tc-thin-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 100;
  font-style: italic;
}

.noto-sans-tc-light-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 300;
  font-style: italic;
}

.noto-sans-tc-regular-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 400;
  font-style: italic;
}

.noto-sans-tc-medium-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 500;
  font-style: italic;
}

.noto-sans-tc-bold-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 700;
  font-style: italic;
}

.noto-sans-tc-black-italic {
  font-family: "Noto Sans TC", serif;
  font-weight: 900;
  font-style: italic;
}


* {
  font-family: "Noto Sans TC", serif !important;
}

#hero-section h1 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
}

@media (max-width: 1200px) {
  #hero-section h1 {
      font-size: 46px;
      line-height: 60px;
  }
}
@media (max-width: 991px) {
  #hero-section h1 {
      font-size: 7vw;
      line-height: 9vw;
  }
}