body {
    font-size: 12px;
}
body {
    font-size: var(--base-font-size, 13px);
}
h1 {
    font-size: 2.5em; /* relative to the base font size */
}
h2 {
    font-size: 2em; /* relative to the base font size */
}
h3 {
    font-size: 1.75em; /* relative to the base font size */
}
h4 {
    font-size: 1.5em; /* relative to the base font size */
}
h5 {
    font-size: 1.25em; /* relative to the base font size */
}
h6 {
    font-size: 1em; /* relative to the base font size */
}
.btn {
    font-size: 1em; /* Adjust button font size relative to the base font size */
}
.form-control {
    font-size: 1em; /* Adjust form control font size relative to the base font size */
}
.navbar, .nav-link {
    font-size: 1em; /* Adjust navbar and nav link font size relative to the base font size */
}
/* Dropdown menu font size */
.dropdown-menu {
    font-size: 1em; /* Adjusts the font size relative to the base font size */
}
/* Dropdown toggle font size */
.dropdown-toggle {
    font-size: 1em; /* Adjusts the font size relative to the base font size */
}
/* Modal header font size */
.modal-title {
    font-size: 1.5em; /* Adjusts the font size relative to the base font size */
}
/* Font size classes */
.fs-1 {
    font-size: 2.5em; /* Adjusts the font size relative to the base font size */
}
.fs-2 {
    font-size: 2em; /* Adjusts the font size relative to the base font size */
}
.fs-3 {
    font-size: 1.75em; /* Adjusts the font size relative to the base font size */
}
.fs-4 {
    font-size: 1.5em; /* Adjusts the font size relative to the base font size */
}
.fs-5 {
    font-size: 1.25em; /* Adjusts the font size relative to the base font size */
}
.fs-6 {
    font-size: 1em; /* Adjusts the font size relative to the base font size */
}
.page-link {font-size: 1em;}