@font-face {
    font-family: 'PlayfairItalic';
    src: url('Playfair/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayfairNormal';
    src: url('Playfair/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'BLESTIVESCRIPT';
    src: url('~/Content/Fonts/BLESTIVESCRIPT.OTF') format('opentype');
}

.TitleMenuNFLI{
font-family: BLESTIVESCRIPT, Arial;
}

.PlayfairIt {
    font-family: PlayfairItalic, Arial;
}

.Playfair {
    font-family: PlayfairNormal, Arial;
}

.Poppins {
    font-family: PoppinsRegular, Arial;
}


.CarouselTitle{
    font-size: 30px; 
}

.CarouselSubtitle{
    font-size: 18px;
}


.TitleBanner {
    font-size: 40px; /* 4.5vh; */
}

.MidtitleBanner {
    font-size: 28px; /* 4.0vh; */
}

.SubTitleBanner {
    font-size: 24px; /* 3.5vh; */
}

.TitleBold {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.SubtitleBold{
    font-size: 18px;
    font-weight: bold;
}

.BoldText{
    font-size: 16px;
    font-weight: bold;
}

.NormalText {
    font-size: 16px;
}

.NormalTextSm {
    font-size: 14px;
}

.NormalTextXs {
    font-size: 10px;
}

.NormalTextSmaller {
    font-size: 6px;
}

.FontTitle{
    font-size: 20px;
}

.FontNormal{
    font-size: 15px !important;
}

.FontSmall{
    font-size: 10px !important;
}


.HeaderText, .FooterText {
    font-size: 12px;
}

.BookText{
    font-size: 12px;
}

.TextPopNormal {
    font-size: 16px;
}

@media (min-width: 829px) AND (max-width: 1280px){
    .CarouselTitle {
        font-size: 58px;
    }

    .CarouselSubtitle {
        font-size: 24px;
    }

    .TitleBanner {
        font-size: 39px;
    }

    .MidtitleBanner {
        font-size: 32px;
    }

    .SubTitleBanner {
        font-size: 29px;
    }

    .TitleBold {
        font-size: 18px;
        font-weight: bold;
    }

    .SubtitleBold {
        font-size: 16px;
        font-weight: bold;
    }

    .NormalText {
        font-size: 15px;
    }

    .NormalTextSm {
        font-size: 13px;
    }

    .NormalTextXs {
        font-size: 9px;
    }

    .NormalTextSmaller {
        font-size: 5px;
    }

}

@media (min-width: 1281px) {
    .CarouselTitle{
        font-size: 96px;
    }

    .CarouselSubtitle{
        font-size: 40px;
    }

    .TitleBanner {
        font-size: 64px;
    }

    .MidtitleBanner {
        font-size: 52px;
    }

    .SubTitleBanner {
        font-size: 48px;
    }

    .TitleBold {
        font-size: 28px;
        font-weight: bold;
    }

    .SubtitleBold {
        font-size: 26px;
        font-weight: bold;
    }

    .NormalText {
        font-size: 24px;
    }

    .NormalTextSm {
        font-size: 22px;
    }

    .NormalTextXs {
        font-size: 18px;
    }

    .NormalTextSmaller {
        font-size: 4px;
    }
}