.nav-item {
  padding: 8px;
}

.footer-contact {
  line-height: 40px;
}

.footer-item {
  padding-top: 12px;
  padding-bottom: 12px;
}

.footer-icons {
  padding: 10px;
}

body {
  font-family: 'Noto Sans TC', sans-serif;
  --bs-primary: #002855 !important;
  --bs-primary-rgb: 0,40,85;
}

.hero-container {
  background: rgba(0,28,83,0.3);
}

@media (min-width: 767px) {
  .banner-logo-D {
    width: 30vw;
    position: absolute;
    display: flex;
  }
}

@media (max-width: 767px) {
  .banner-D {
    display: none;
  }
}

@media (max-width: 767px) {
  .banner-logo-M {
    position: absolute;
    width: 45vw;
    display: flex;
  }
}

@media (min-width: 767px) {
  .banner-M {
    display: none;
  }
}

h1 {
  line-height: 3rem;
  letter-spacing: 1px;
}