html {
  font-size: clamp(0.75rem, 0.4643rem + 0.5952vw, 1rem);
}
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 350px) {
  html {
    font-size: 12px;
  }
}

.header-wrapper {
  padding-bottom: 20px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .header-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-container {
  /* text-align: center; */
  margin-bottom: 50px;
  width: 960px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .header-container {
    width: 100%;
  }
}
.header-articles {
  position: absolute;
  right: 5px;
  top: 20px;
  height: 100%;
}

.my-menu-button {
  height: 35px;
}

.my-dropdown-menu {
  padding: 0;
}

.link-mainPage {
  color: currentColor;
  cursor: pointer;
  text-decoration: none;
}

.title-1 {
  font-size: 28px;
}

.title-2 {
  color: #707070;
  font-size: 15px;
}

.my-menu-link {
  border-bottom: 1px solid #707070;
  padding: 10px 5px;
}
@media (max-width: 960px) {
  .my-menu-link {
    width: 500px;
    text-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .my-menu-link {
    width: 400px;
    text-wrap: wrap;
    font-size: 1.25rem;
  }
}
@media (max-width: 350px) {
  .my-menu-link {
    width: 300px;
    text-wrap: wrap;
    font-size: 1.25rem;
  }
}

.my-footer-container {
  width: 100%;
}

.my-footer-img {
  margin: 20px 0;
}

.my-footer-link {
  color: #E9B44C;
}

.detail-content {
  width: 960px;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .detail-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.detail-title {
  font-size: 1.875rem;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .detail-title {
    font-size: 2.125rem;
  }
}
@media (max-width: 768px) {
  .detail-title {
    font-size: 2.375rem;
  }
}
@media (max-width: 350px) {
  .detail-title {
    font-size: 2.625rem;
  }
}

.detail-info {
  margin: 10px 0;
  font-size: 1rem;
  color: #707070;
}
@media (max-width: 960px) {
  .detail-info {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .detail-info {
    font-size: 1.5rem;
  }
}
@media (max-width: 350px) {
  .detail-info {
    font-size: 1.75rem;
  }
}

.detail-img {
  max-width: 100%;
  height: auto;
  margin: 20px 0;
}

.detail-text-link {
  color: #6E5302;
}/*# sourceMappingURL=app.css.map */