.BF__page { 
  --CLARINS-FONT: "Times New Roman", ClarinsRegular, Clarins;
  --GOTHAM-LIGHT: "Times New Roman", "Gotham_Light";
  --GOTHAM-BOOK: "Times New Roman", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  --GOTHAM-MEDIUM: "Times New Roman", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
  --COLOR-DEFAULT:#333333;
  --COLOR-RED-A:#b40024;
  --COLOR-RED-B:#8c0b26;
  --RADIUS:5px; 
  --mainOffset: 0px;
}

body {
  overflow-x: clip !important;
}

.dp-faq {
    font-family: var(--CLARINS-FONT) !important;
}

.dp-faq__question {
  font-family: var(--CLARINS-FONT) !important;
}
.dp-faq__answer a {
  font-family: var(--CLARINS-FONT) !important;
}

h2 {
  font-family: var(--CLARINS-FONT);
}


@media (min-width: 1100px) {
  /* .BF__page .BF__clock li[data-name] {
    font-size: 50px;
  } */
  .BF__page .BF__title {
    font-size: 46px;
  }
}

@media (min-width: 1024px) {
  .BF__page .BF__bkgd {
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .BF__page .BF__header-title {
    font-size: 76px;
  }
  .BF__page .BF__header-title strong {
    font-size: 76px;
  }
  .BF__page .BF__club-content-title {
    font-size: 24px;
    padding-right: 10px;
  }
  .BF__page .BF__category-name {
    min-height: 74px;
  }
  .BF__page .BF__categories-title {
    font-size: clamp(34px, 4vw, 50px);
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .BF__page .BF__club-content-body {
    padding-left: 10px;
  }
  .BF__page .BF__club-content-text {
    font-size: 16px;
  }
  .BF__page .BF__categories-text {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1100px) {
  .BF__page .BF__categories-title span {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  .BF__page .BF__clock li {
    font-size: 6vw;
  }
}

@media only screen and (max-width: 769px) {
  .BF__page .BF__club-content-title {
    padding: 0 10px 8px 10px;
    max-width: 500px;
  }
  .BF__page .BF__categories-title {
    max-width: 500px;
  }
  .BF__page .BF__club-title {
    max-width: 500px;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .BF__page .BF__club-title {
    font-size: 26px;
    padding: 0 10px;
  }
}