/* Font css */

html {
    font-size: 16px;
     font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

h1,
h3,
h4,
h5,
h6,
.title-extrabold,
h2.title-extrabold {
     font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.title-extrabold {
     font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.font-regular {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
    font-size: 3rem;
    line-height: 3.5rem;
}

h2 {
    font-size: 32px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 16px;
    line-height: 20px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 12px;
}

.font-md {
    font-size: 20px;
    line-height: 28px;
}

.font-lg {
    font-size: 24px;
    line-height: 32px;
}

@media (max-width: 768px) {
    .navigation-nav>li>a {
        font-size: 0.875em !important;
        font-weight: normal !important;
    }
    .navigation-nav>li {
        border-bottom: 1px var(--secondarylightest) solid;
    }
    h1 {
        font-size: 2rem;
        line-height: 2.3rem;
    }
    h2 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
    h4 {
        font-size: 16px;
        line-height: 20px;
    }
    h5 {
        font-size: 14px;
        line-height: 20px;
    }
    h6 {
        font-size: 12px;
        line-height: 12px;
    }
    p {
        font-size: 16px;
        line-height: 20px;
    }
}