.ds1 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 500;
  color: #121212;
  font-size: 32px !important;
  line-height: 40px !important;
}
@media (min-width: 769px) {
  .ds1 {
    font-size: 36px !important;
    line-height: 44px !important;
  }
}
@media (min-width: 1200px) {
  .ds1 {
    font-size: 41px !important;
    line-height: 49px !important;
  }
}

.hd1 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 29px !important;
  line-height: 37px !important;
}
@media (min-width: 769px) {
  .hd1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .hd1 {
    font-size: 36px !important;
    line-height: 44px !important;
  }
}

.hd2 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 26px !important;
  line-height: 34px !important;
}
@media (min-width: 769px) {
  .hd2 {
    font-size: 29px !important;
    line-height: 37px !important;
  }
}
@media (min-width: 1200px) {
  .hd2 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}

.hd3 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 23px !important;
  line-height: 31px !important;
}
@media (min-width: 769px) {
  .hd3 {
    font-size: 26px !important;
    line-height: 34px !important;
  }
}
@media (min-width: 1200px) {
  .hd3 {
    font-size: 29px !important;
    line-height: 37px !important;
  }
}

.hd4 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 20px !important;
  line-height: 28px !important;
}
@media (min-width: 769px) {
  .hd4 {
    font-size: 23px !important;
    line-height: 31px !important;
  }
}
@media (min-width: 1200px) {
  .hd4 {
    font-size: 26px !important;
    line-height: 34px !important;
  }
}

.hd5 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 500;
  color: #121212;
  font-size: 18px !important;
  line-height: 26px !important;
}
@media (min-width: 769px) {
  .hd5 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media (min-width: 1200px) {
  .hd5 {
    font-size: 23px !important;
    line-height: 31px !important;
  }
}

.hd6 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 500;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .hd6 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
@media (min-width: 1200px) {
  .hd6 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

.pg1 {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  .pg1 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}

.pg1-sb {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  .pg1-sb {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}

.pg2-bd {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 700;
  color: #121212;
  font-size: 14px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  .pg2-bd {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.bd1 {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}

.bd2-md {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 500;
  color: #121212;
  font-size: 12px !important;
  line-height: 16px !important;
}
@media (min-width: 1200px) {
  .bd2-md {
    font-size: 14px !important;
    line-height: 16px !important;
  }
}

.bd2 {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 12px !important;
  line-height: 16px !important;
}
@media (min-width: 1200px) {
  .bd2 {
    font-size: 14px !important;
    line-height: 16px !important;
  }
}

.bd3 {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 12px !important;
  line-height: 16px !important;
}

.hd-regular {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 400 !important;
}

.hd-medium {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 500 !important;
}

.hd-semi-bold {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600 !important;
}

.hd-bold {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 700 !important;
}

.bl_white {
  color: #FFF !important;
}

.bl_black {
  color: #121212 !important;
}

.bl_gray-50 {
  color: #FDFDFD !important;
}

.bl_gray-100 {
  color: #F4F4F4 !important;
}

.bl_gray-200 {
  color: #E6E6E6 !important;
}

.bl_gray-300 {
  color: #D5D5D5 !important;
}

.bl_gray-400 {
  color: #B1B1B1 !important;
}

.bl_gray-500 {
  color: #909090 !important;
}

.bl_gray-600 {
  color: #6D6D6D !important;
}

.bl_gray-700 {
  color: #464646 !important;
}

.bl_alert-info-text {
  color: #104B93 !important;
}

.bl_alert-info-bg {
  color: #D2E6FE !important;
}

.bl_alert-success-text {
  color: #2D7B43 !important;
}

.bl_alert-success-bg {
  color: #E2F3E4 !important;
}

.bl_alert-error-text {
  color: #B50021 !important;
}

.bl_alert-error-bg {
  color: #FFE0E3 !important;
}

.bl_alert-warning-text {
  color: #93433C !important;
}

.bl_alert-warning-bg {
  color: #FFF0E0 !important;
}

@media only screen and (min-width: 501px) {
  .category-breadcrumbs-container {
    background-color: transparent !important;
    top: 0 !important;
  }
}
article.article {
  padding: 0 1em;
  margin-top: 1rem;
}
article.article .article__heading, article.article .article__meta, article.article .article__tip, article.article .article__faq {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
article.article.narrow {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
article.article section {
  margin-bottom: 2em;
}
article.article h1 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 29px !important;
  line-height: 37px !important;
}
@media (min-width: 769px) {
  article.article h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  article.article h1 {
    font-size: 36px !important;
    line-height: 44px !important;
  }
}
article.article h2 {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 26px !important;
  line-height: 34px !important;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  article.article h2 {
    font-size: 29px !important;
    line-height: 37px !important;
  }
}
@media (min-width: 1200px) {
  article.article h2 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
article.article h3 {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  article.article h3 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
article.article p, article.article a, article.article li:not(.cat-grid_slide) {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
article.article li.cat-grid_slide {
  font-size: 12px;
}
article.article .article__heading .article__title {
  font-family: "Oswald", "Archivo", "DM Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 29px !important;
  line-height: 37px !important;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  article.article .article__heading .article__title {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  article.article .article__heading .article__title {
    font-size: 36px !important;
    line-height: 44px !important;
  }
}
article.article .article__heading .article__sub-title {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  article.article .article__heading .article__sub-title {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
article.article .article__meta .article__meta__author {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 400;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  article.article .article__meta .article__meta__author {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
article.article .article__meta .article__meta__date {
  font-family: "Jost", "Open Sans", sans-serif !important;
  font-weight: 600;
  color: #121212;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1200px) {
  article.article .article__meta .article__meta__date {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
article.article .article__body .article__section {
  margin-bottom: 4rem;
}
article.article .article__body .article__sub-section {
  margin-bottom: 2rem;
}
article.article .article__body a {
  text-decoration: underline;
  font-weight: 500;
}
article.article .article__tip {
  background-color: #D2E6FE;
}

article.article ~ .row {
  display: none;
}

.article__toc li {
  margin-bottom: 15px;
}
.article__toc p {
  display: inline;
}

.category-breadcrumbs-container.mobile {
  background-color: transparent !important;
}