* {
    text-decoration: none !important;
}

@font-face {
    font-family: 'NeuePlakText-Light';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Light/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-NarrowLight';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-NarrowLight/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-Regular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Regular/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-SemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-SemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-Bold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Bold/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-Italic';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Italic/font.woff');
}

@font-face {
    font-family: 'NeuePlak-Regular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-Regular/font.woff');
}

@font-face {
    font-family: 'NeuePlak-SemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-SemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-Bold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-Bold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideRegular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideRegular/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideSemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideSemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondBlack';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondBlack/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondSemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondSemiBold/font.woff');
}

:root {
    --custom-light: 'NeuePlakText-Light', sans-serif;
    --custom-regular: 'NeuePlakText-Regular', sans-serif;
    --custom-semibold: 'NeuePlakText-SemiBold', sans-serif;
    --custom-bold: 'NeuePlakText-Bold', sans-serif;
    --custom-italic: 'NeuePlakText-Italic', sans-serif;
    --custom-condensed: 'NeuePlak-CondSemiBold', sans-serif;

    --custom-small-xxs: 12px;
    --custom-small-xs: 14px;
    --custom-small-sm: 16px;
    --custom-small-md: 18px;
    --custom-small-lg: 20px;
    --custom-small-xl: 22px;
    --custom-small-xxl: 24px;

    --custom-large-xxs: 28px;
    --custom-large-xs: 32px;
    --custom-large-sm: 36px;
    --custom-large-md: 40px;
    --custom-large-lg: 44px;
    --custom-large-xl: 48px;
    --custom-large-xxl: 52px;

    --custom-line-xxs: 20px;
    --custom-line-xs: 22px;
    --custom-line-sm: 24px;
    --custom-line-md: 26px;
    --custom-line-lg: 28px;
    --custom-line-xl: 30px;
    --custom-line-xxl: 32px;

    --custom-head-xxs: 38px;
    --custom-head-xs: 42px;
    --custom-head-sm: 46px;
    --custom-head-md: 50px;
    --custom-head-lg: 54px;
    --custom-head-xl: 58px;
    --custom-head-xxl: 62px;
}

.custom-text-xxs {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-xxs);
    line-height: var(--custom-line-xxs);
}

.custom-text-xs {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-xs);
    line-height: var(--custom-line-xs);
}

.custom-text-sm {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-sm);
    line-height: var(--custom-line-sm);
}

.custom-text-md {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-md);
    line-height: var(--custom-line-md);
}

.custom-text-lg {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-lg);
    line-height: var(--custom-line-lg);
}

.custom-text-xl {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-xl);
    line-height: var(--custom-line-xl);
}

.custom-text-xxl {
    font-family: var(--custom-regular);
    font-size: var(--custom-small-xxl);
    line-height: var(--custom-line-xxl);
}

.custom-caption-xxs {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-xxs);
    line-height: var(--custom-line-xxs);
}

.custom-caption-xs {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-xs);
    line-height: var(--custom-line-xs);
}

.custom-caption-sm {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-sm);
    line-height: var(--custom-line-sm);
}

.custom-caption-md {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-md);
    line-height: var(--custom-line-md);
}

.custom-caption-lg {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-lg);
    line-height: var(--custom-line-lg);
}

.custom-caption-xl {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-xl);
    line-height: var(--custom-line-xl);
}

.custom-caption-xxl {
    font-family: var(--custom-semibold);
    font-size: var(--custom-small-xxl);
    line-height: var(--custom-line-xxl);
}

.custom-subtitle-xxs {
    font-family: var(--font-light);
    font-size: var(--custom-small-xxs);
    line-height: var(--custom-line-xxs);
}

.custom-subtitle-xs {
    font-family: var(--font-light);
    font-size: var(--custom-small-xs);
    line-height: var(--custom-line-xs);
}

.custom-subtitle-sm {
    font-family: var(--font-light);
    font-size: var(--custom-small-sm);
    line-height: var(--custom-line-sm);
}

.custom-subtitle-md {
    font-family: var(--font-light);
    font-size: var(--custom-small-md);
    line-height: var(--custom-line-md);
}

.custom-subtitle-lg {
    font-family: var(--font-light);
    font-size: var(--custom-small-lg);
    line-height: var(--custom-line-lg);
}

.custom-subtitle-xl {
    font-family: var(--font-light);
    font-size: var(--custom-small-xl);
    line-height: var(--custom-line-xl);
}

.custom-subtitle-xxl {
    font-family: var(--font-light);
    font-size: var(--custom-small-xxl);
    line-height: var(--custom-line-xxl);
}

.custom-title-xxs {
    font-family: var(--font-light);
    font-size: var(--custom-large-xxs);
    line-height: var(--custom-head-xxs);
}

.custom-title-xs {
    font-family: var(--font-light);
    font-size: var(--custom-large-xs);
    line-height: var(--custom-head-xs);
}

.custom-title-sm {
    font-family: var(--font-light);
    font-size: var(--custom-large-sm);
    line-height: var(--custom-head-sm);
}

.custom-title-md {
    font-family: var(--font-light);
    font-size: var(--custom-large-md);
    line-height: var(--custom-head-md);
}

.custom-title-lg {
    font-family: var(--font-light);
    font-size: var(--custom-large-lg);
    line-height: var(--custom-head-lg);
}

.custom-title-xl {
    font-family: var(--font-light);
    font-size: var(--custom-large-xl);
    line-height: var(--custom-head-xl);
}

.custom-title-xxl {
    font-family: var(--font-light);
    font-size: var(--custom-large-xxl);
    line-height: var(--custom-head-xxl);
}

.custom-header-xxs {
    font-family: var(--font-regular);
    font-size: var(--custom-large-xxs);
    line-height: var(--custom-head-xxs);
}

.custom-header-xs {
    font-family: var(--font-regular);
    font-size: var(--custom-large-xs);
    line-height: var(--custom-head-xs);
}

.custom-header-sm {
    font-family: var(--font-regular);
    font-size: var(--custom-large-sm);
    line-height: var(--custom-head-sm);
}

.custom-header-md {
    font-family: var(--font-regular);
    font-size: var(--custom-large-md);
    line-height: var(--custom-head-md);
}

.custom-header-lg {
    font-family: var(--font-regular);
    font-size: var(--custom-large-lg);
    line-height: var(--custom-head-lg);
}

.custom-header-xl {
    font-family: var(--font-regular);
    font-size: var(--custom-large-xl);
    line-height: var(--custom-head-xl);
}

.custom-header-xxl {
    font-family: var(--font-regular);
    font-size: var(--custom-large-xxl);
    line-height: var(--custom-head-xxl);
}

.custom-banner-xxs {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-xxs);
    line-height: var(--custom-head-xxs);
}

.custom-banner-xs {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-xs);
    line-height: var(--custom-head-xs);
}

.custom-banner-sm {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-sm);
    line-height: var(--custom-head-sm);
}

.custom-banner-md {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-md);
    line-height: var(--custom-head-md);
}

.custom-banner-lg {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-lg);
    line-height: var(--custom-head-lg);
}

.custom-banner-xl {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-xl);
    line-height: var(--custom-head-xl);
}

.custom-banner-xxl {
    font-family: var(--custom-semibold);
    font-size: var(--custom-large-xxl);
    line-height: var(--custom-head-xxl);
}

[class^="custom-text-"],
[class^="custom-subtitle-"] {
    margin-top: 0;
    margin-bottom: 4px;
}

[class^="custom-header-"],
[class^="custom-title-"] {
    margin-top: 4px;
    margin-bottom: 8px;
}

.custom-banner {
    font-family: var(--custom-bold);
    font-size: var(--custom-small-md);
}

@media (min-width: 576px) and (max-width: 768px) {
    .custom-banner {
        font-size: var(--custom-small-lg);
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .custom-banner {
        font-size: var(--custom-small-lg);
    }
}

@media (min-width: 992px) and (max-width: 1367px) {
    .custom-banner {
        font-size: var(--custom-small-xl);
    }
}

@media (min-width: 1367px) {
    .custom-banner {
        font-size: var(--custom-small-xxl);
    }
}