/* Base Styles */
body {
    font-size: 18px; /* Default size */
    line-height: 1.3; /* Default line-height multiplier */
}

/* Medium Screens: 48em (768px) and above */
@media screen and (min-width: 48em) {
    body {
        font-size: 18px;
        line-height: calc(18px * 1.3);
    }
    /* .sh-button-xlarge, .sh-button-large {
        font-size: 1.5rem;
    } */
}

/* Fluid Scaling: Between 768px and 1439px */
@media screen and (min-width: 768px) and (max-width: 1439px) {
    body {
        font-size: calc(18px + 2 * ((100vw - 768px) / 671)); /* Smooth scaling */
        line-height: calc(calc(18px + 2 * ((100vw - 768px) / 671)) * 1.3);
    }
}

/* Large Screens: 1440px and above */
@media screen and (min-width: 1440px) {
    body {
        font-size: 20px;
        line-height: calc(20px * 1.3);
    }
}

/* Fluid Scaling: Between 1440px and 1920px */
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    body {
        font-size: calc(20px + 1 * ((100vw - 1440px) / 480)); /* Smooth scaling to 21px */
        line-height: calc(calc(20px + 1 * ((100vw - 1440px) / 480)) * 1.3);
    }
}

/* Extra Large Screens: 1920px and above */
@media screen and (min-width: 1920px) {
    body {
        font-size: 21px; /* Capped at 21px */
        line-height: calc(21px * 1.3);
    }
}


/* Base Styles */
p, li, .jc-mini-vert__title {
    font-weight: 400;
    font-size: 18px; /* Default size */
    line-height: 1.5; /* Default line-height multiplier */
}

/* Medium Screens: 48em (768px) and above */
@media screen and (min-width: 48em) {
    p, li, .jc-mini-vert__title {
        font-size: 18px;
        line-height: calc(18px * 1.5);
    }
}

/* Fluid Scaling: Between 768px and 1439px */
@media screen and (min-width: 768px) and (max-width: 1439px) {
    p, li, .jc-mini-vert__title {
        font-size: calc(18px + 2 * ((100vw - 768px) / 671)); /* Smoothly scale font size */
        line-height: calc(calc(18px + 2 * ((100vw - 768px) / 671)) * 1.5);
    }
}

/* Large Screens: 1440px and above */
@media screen and (min-width: 1440px) {
    p, li, .jc-mini-vert__title {
        font-size: 20px;
        line-height: calc(20px * 1.5);
    }
}

/* Fluid Scaling: Between 1440px and 1920px */
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    p, li, .jc-mini-vert__title {
        font-size: calc(20px + 1 * ((100vw - 1440px) / 480)); /* Smoothly scale up to 21px */
        line-height: calc(calc(20px + 1 * ((100vw - 1440px) / 480)) * 1.5);
    }
}

/* Extra Large Screens: 1920px and above */
@media screen and (min-width: 1920px) {
    p, li, .jc-mini-vert__title {
        font-size: 21px; /* Capped at 21px */
        line-height: calc(21px * 1.5);
    }
}

/* Default Heading Styles */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2; 
}

/* Default Font Sizes */
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 19px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* Medium Screens: 48em (768px) and above */
@media screen and (min-width: 48em) {
    h1 { font-size: 42px; line-height: calc(42px * 1.2); }
    h2 { font-size: 32px; line-height: calc(32px * 1.2); }
    h3 { font-size: 26px; line-height: calc(26px * 1.2); }
    h4 { font-size: 24px; line-height: calc(24px * 1.2); }
    h5 { font-size: 20px; line-height: calc(20px * 1.2); }
    h6 { font-size: 18px; line-height: calc(18px * 1.2); }
}

/* Fluid Scaling: Between 768px and 1439px */
@media screen and (min-width: 768px) and (max-width: 1439px) {
    h1 { font-size: calc(42px + 6 * ((100vw - 768px) / 671)); line-height: calc(calc(42px + 6 * ((100vw - 768px) / 671)) * 1.2); }
    h2 { font-size: calc(32px + 3 * ((100vw - 768px) / 671)); line-height: calc(calc(32px + 3 * ((100vw - 768px) / 671)) * 1.2); }
    h3 { font-size: calc(26px + 2 * ((100vw - 768px) / 671)); line-height: calc(calc(26px + 2 * ((100vw - 768px) / 671)) * 1.2); }
    h4 { font-size: calc(24px + 1 * ((100vw - 768px) / 671)); line-height: calc(calc(24px + 1 * ((100vw - 768px) / 671)) * 1.2); }
    h5 { font-size: calc(20px + 1 * ((100vw - 768px) / 671)); line-height: calc(calc(20px + 1 * ((100vw - 768px) / 671)) * 1.2); }
    h6 { font-size: 18px; line-height: calc(18px * 1.2); }
}

/* Large Screens: 1440px and above */
@media screen and (min-width: 1440px) {
    h1 { font-size: 48px; line-height: calc(48px * 1.2); }
    h2 { font-size: 36px; line-height: calc(36px * 1.2); }
    h3 { font-size: 30px; line-height: calc(30px * 1.2); }
    h4 { font-size: 28px; line-height: calc(28px * 1.2); }
    h5 { font-size: 24px; line-height: calc(24px * 1.2); }
    h6 { font-size: 20px; line-height: calc(20px * 1.2); }
}

/* Fluid Scaling: Between 1440px and 1920px */
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    h1 { font-size: calc(48px + 4 * ((100vw - 1440px) / 480)); line-height: calc(calc(48px + 4 * ((100vw - 1440px) / 480)) * 1.2); }
    h2 { font-size: calc(36px + 3 * ((100vw - 1440px) / 480)); line-height: calc(calc(36px + 3 * ((100vw - 1440px) / 480)) * 1.2); }
    h3 { font-size: calc(30px + 2 * ((100vw - 1440px) / 480)); line-height: calc(calc(30px + 2 * ((100vw - 1440px) / 480)) * 1.2); }
    h4 { font-size: calc(28px + 1 * ((100vw - 1440px) / 480)); line-height: calc(calc(28px + 1 * ((100vw - 1440px) / 480)) * 1.2); }
    h5 { font-size: 19px; line-height: calc(19px * 1.2); }
    h6 { font-size: 18px; line-height: calc(18px * 1.2); }
}

/* Extra Large Screens: 1920px and above */
@media screen and (min-width: 1920px) {
    h1 { font-size: 52px; line-height: calc(52px * 1.2); }
    h2 { font-size: 39px; line-height: calc(39px * 1.2); }
    h3 { font-size: 32px; line-height: calc(32px * 1.2); }
    h4 { font-size: 27px; line-height: calc(27px * 1.2); }
    h5 { font-size: 23px; line-height: calc(23px * 1.2); }
    h6 { font-size: 20px; line-height: calc(20px * 1.2); }
}

/* Base Styles */
.liid, p.liid {
    font-size: 24px; /* Default size */
    line-height: 1.3; /* Default line-height multiplier */
}

/* Medium Screens: 48em (768px) and above */
@media screen and (min-width: 48em) {
    .liid, p.liid {
        font-size: 24px;
        line-height: calc(24px * 1.3);
    }
}

/* Fluid Scaling: Between 768px and 1439px */
@media screen and (min-width: 768px) and (max-width: 1439px) {
    .liid, p.liid {
        font-size: calc(24px + 6 * ((100vw - 768px) / 671)); /* Smooth scaling */
        line-height: calc(calc(24px + 6 * ((100vw - 768px) / 671)) * 1.3);
    }
}

/* Large Screens: 1440px and above */
@media screen and (min-width: 1440px) {
    .liid, p.liid {
        font-size: 30px;
        line-height: calc(30px * 1.3);
    }
}

/* Fluid Scaling: Between 1440px and 1920px */
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    .liid, p.liid {
        font-size: calc(30px + 10 * ((100vw - 1440px) / 480)); /* Smooth scaling */
        line-height: calc(calc(30px + 10 * ((100vw - 1440px) / 480)) * 1.3);
    }
}

/* Extra Large Screens: 1920px and above */
@media screen and (min-width: 1920px) {
    .liid, p.liid {
        font-size: 40px; /* Capped at 40px */
        line-height: calc(40px * 1.3);
    }
}

footer ul.menu {
    font-size: smaller;
}
h2.widgettitle {
    font-size: larger;
}

.vc_toggle {
    line-height: 1.5em;
}

.hotel-terms h4 {
    color: black;
    font-weight: bold;
    font-size: 100%;
}
ul {
    line-height: 1.7em;
}

.size-110 {
    font-size: 110%;
}

.size-120 {
    font-size: 120%;
}