html {
  font-size: 16px;
  scroll-behavior: smooth;
  font-family: 
    "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
}
:root {
  --primary-color: #00cc66;
  --sub-color: #2e3d50;
  --white: #fff;
  --darken: #2e3d50;
  --black: #000000;
  --gray: #f3f3f3;
}
body {
  color: #323232;
  font-family: 
    "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
  background-color: #dfe3e4;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: inherit;
}

h1 {
  font-size: 2rem;
  /* font-size: min(40px, max(22px, 3vw)); */
}
h2,
.h2 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.25rem;
}

#all {
  max-width: 800px;
  margin: auto;
  min-height: 100vh;
  background-color: #fff;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}

.bold {
  font-weight: 700;
}

.header-text {
  top: 3.85rem;
  left: 4rem;
}

.main-title {
  color: var(--main-color);
}

.img-bg {
  height: 380px;
  object-fit: cover;
}

header h5 {
  background-color: var(--primary-color);
  color: var(--black);
}

.highlight {
  color:#ffec00;
}

.bg-circle {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: var(--sub-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.primary-color {
  color: var(--primary-color);
}

.primary-bg-color {
  background-color: var(--primary-color);
}

.sub-bg-color {
  background-color: var(--sub-color);
}

.link-arespp:hover {
  color: #f1dc1c;
}

.consult {
  font-size: 1.25rem;
  color:#212529;
}

.consult:hover {
  color:#212529;
  background-color: #00ff80;
}

.btn-darken:focus-within {
  color: #fff;
  background-color: #273244;
  border-color: #273244;
}

.grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(auto-fit, 234px);
  justify-content: center;
}

footer p {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  /* html {
    font-size: 14px;
  } */

  .header-text {
    top: 2rem;
    left: 1.25rem;
  }

  .font-m-small {
    font-size: 1.125rem;
  }

  .font-m-smaller {
    font-size: 17.5px;
  }

}