/*  */

@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: 26px;
  line-height: normal;
}

h2 {
  font-size: 40px;
}

@media (max-width: 1440px) {
  #hero-section h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 38px;
  }
}

@media (max-width: 1200px) {
  #hero-section h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 30px;
  }


}

@media (max-width: 991px) {
  #hero-section h1 {
    font-size: 4vw;
  }

  h2 {
    font-size: 5vw;
  }
}