:root {
    --offset-1: var(--bs-offset-1);
    --offset-2: var(--bs-offset-2);
    --offset-3: var(--bs-offset-3);
    --offset-4: var(--bs-offset-4);
    --offset-5: var(--bs-offset-5);
    --default-offset: calc((var(--logo-height-min)*1px) + (var(--logo-height-max) - var(--logo-height-min)) * ((100vw - 300px) / (1600 - 300)) + 2rem);
    --default-offset-minus: calc((var(--logo-height-min)*1px) + (var(--logo-height-max) - var(--logo-height-min)) * ((100vw - 300px) / (1600 - 300)) + 2rem * -1);
    --default-offset-double: calc((var(--logo-height-min)*1px) + (var(--logo-height-max) - var(--logo-height-min)) * ((100vw - 300px) / (1600 - 300)) + 2rem * 2);
}
@media (min-width: 1600px) {
    :root {
        --default-offset: calc((var(--logo-height-max)*1px) + 2rem);
        --default-offset-minus: calc((var(--logo-height-max)*1px) + 2rem * -1);
        --default-offset-double: calc((var(--logo-height-max)*1px) + 2rem * 2); 
    }
}
html { font-size:var(--bs-base-font-size); }
body { 
    font-family: var(--bs-body-font-family);
    font-weight:var(--bs-body-font-weight);
}

.h1, h1 {
    font-size: var(--bs-heading1-font-size);
    font-family: var(--bs-heading1-font-family);
    font-weight: var(--bs-heading1-font-weight);   
}
.h2, h2 {
    font-size: var(--bs-heading2-font-size);
    font-family: var(--bs-heading2-font-family);
    font-weight: var(--bs-heading2-font-weight);   
}
.h3, h3 {
    font-size: var(--bs-heading3-font-size);
    font-family: var(--bs-heading3-font-family);
    font-weight: var(--bs-heading3-font-weight);   
}
.h4, h4 {
    font-size: var(--bs-heading4-font-size);
    font-family: var(--bs-heading4-font-family);
    font-weight: var(--bs-heading4-font-weight);   
}
.h5, h5 {
    font-size: var(--bs-heading5-font-size);
    font-family: var(--bs-heading5-font-family);
    font-weight: var(--bs-heading5-font-weight);   
}
.h6, h6 {
    font-size: var(--bs-heading6-font-size);
    font-family: var(--bs-heading6-font-family);
    font-weight: var(--bs-heading6-font-weight);
}
.display-1 {
    font-size: var(--bs-display1-font-size);
    font-family: var(--bs-display1-font-family);
    font-weight: var(--bs-display1-font-weight);
}
.display-2 {
    font-size: var(--bs-display2-font-size);
    font-family: var(--bs-display2-font-family);
    font-weight: var(--bs-display2-font-weight);
}
.display-3 {
    font-size: var(--bs-display3-font-size);
    font-family: var(--bs-display3-font-family);
    font-weight: var(--bs-display3-font-weight);
}
.display-4 {
    font-size: var(--bs-display4-font-size);
    font-family: var(--bs-display4-font-family);
    font-weight: var(--bs-display4-font-weight);
}
.lead {
    font-size: var(--bs-lead-font-size);
    font-family: var(--bs-lead-font-family);
    font-weight: var(--bs-lead-font-weight);
}
.small {
    font-size: var(--bs-small-font-size);
    font-family: var(--bs-small-font-family);
    font-weight: var(--bs-small-font-weight);
}
.btn {
    font-size: var(--bs-button-font-size);
    font-weight: var(--bs-button-font-weight);
    font-family: var(--bs-button-font-family);
    border-radius: var(--bs-button-round);
}