/*
* Typography
* ===========================================
*
* This CSS-File defines the basic typography.
*
* https://type-scale.com/
* Type: Perfect Fourth
*
*
*/

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    font-size: 16px;
}


@font-face {
    font-family: 'font-kantar';
    src: url('/fonts/font-kantar.eot?34494605');
    src: url('/fonts/font-kantar.eot?34494605#iefix') format('embedded-opentype'),
    url('/fonts/font-kantar.woff?34494605') format('woff'),
    url('/fonts/font-kantar.ttf?34494605') format('truetype'),
    url('/fonts/font-kantar.svg?34494605#font-kantar') format('svg');
    font-weight: normal;
    font-style: normal;
}


.icon-search:before {
    font-family: "font-kantar";
    content: '\e802';
}

/* 'î ‚' */
.icon-mail:before {
    font-family: "font-kantar";
    content: '\e803';
}

/* 'î ƒ' */
.icon-person:before {
    font-family: "font-kantar";
    content: '\e800';
}

/* 'î Œ' */
.icon-plus:before {
    font-family: "font-kantar";
    content: '\e823';
}

/* 'î £' */
.icon-minus:before {
    font-family: "font-kantar";
    content: '\e827';
}

/* 'î §' */
.icon-download:before {
    font-family: "font-kantar";
    content: '\e846';
}

/* 'î¡†' */
.icon-share:before {
    font-size: 40px;
    font-family: "font-kantar";
    content: '\e852';
}

/* 'î¡’' */
.icon-print:before {
    font-family: "font-kantar";
    content: '\e857';
}

/* 'î¡—' */
.icon-phone:before {
    font-family: "font-kantar";
    content: '\e880';
}

/* 'î¢€' */
.icon-angle-left:before {
    font-family: "font-kantar";
    content: '\e8ac';
}

/* 'î¢¬' */
.icon-angle-right:before {
    font-family: "font-kantar";
    content: '\e8ad';
}

/* 'î¢­' */
.icon-angle-up:before {
    font-family: "font-kantar";
    content: '\e8ae';
}

/* 'î¢®' */
.icon-angle-down:before {
    font-family: "font-kantar";
    content: '\e8af';
}

/* 'î¢¯' */
.icon-globe:before {
    font-family: "font-kantar";
    content: '\e8e9';
}

/* 'î£©' */
.icon-videocam:before {
    font-family: "font-kantar";
    content: '\e801';
}

/* 'î ' */
.icon-back-to-parent:before {
    font-family: "font-kantar";
    content: '\e804';
}

/* 'î „' */
.icon-home:before {
    font-family: "font-kantar";
    content: '\e82f';
}

/* 'î ¯' */


@font-face {
    font-family: 'KantarBrown-Bold';
    src: url(/fonts/KantarBrown/KantarBrownWeb-Bold.eot);
    src: url(/fonts/KantarBrown/KantarBrownWeb-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/KantarBrown/KantarBrownWeb-Bold.woff2) format('woff2'), url(/fonts/KantarBrown/KantarBrownWeb-Bold.woff) format('woff');
}

@font-face {
    font-family: 'KantarBrown-Thin';
    src: url('/fonts/KantarBrown/KantarBrownWeb-Thin.eot');
    src: url('/fonts/KantarBrown/KantarBrownWeb-Thin.eot?#iefix') format('embedded-opentype'), url('/fonts/KantarBrown/KantarBrownWeb-Thin.woff2') format('woff2'), url('/fonts/KantarBrown/KantarBrownWeb-Thin.woff') format('woff');
}

@font-face {
    font-family: 'KantarBrown-Regular';
    src: url(/fonts/KantarBrown/KantarBrownWeb-Regular.eot);
    src: url(/fonts/KantarBrown/KantarBrownWeb-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/KantarBrown/KantarBrownWeb-Regular.woff2) format('woff2'), url(/fonts/KantarBrown/KantarBrownWeb-Regular.woff) format('woff');
}

@font-face {
    font-family: 'KantarBrown-Light';
    src: url(/fonts/KantarBrown/KantarBrownWeb-Light.eot);
    src: url(/fonts/KantarBrown/KantarBrownWeb-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/KantarBrown/KantarBrownWeb-Light.woff2) format('woff2'), url(/fonts/KantarBrown/KantarBrownWeb-Light.woff) format('woff');
}

@font-face {
    font-family: 'KantarBrown-ThinItalic';
    src: url(/fonts/KantarBrown/KantarBrownWeb-ThinItalic.eot);
    src: url(/fonts/KantarBrown/KantarBrownWeb-ThinItalic.eot?#iefix) format('embedded-opentype'), url(/fonts/KantarBrown/KantarBrownWeb-ThinItalic.woff2) format('woff2'), url(/fonts/KantarBrown/KantarBrownWeb-ThinItalic.woff) format('woff');
}

/* ==================== Headings Base ==================== */


h1, h2, h3, h4, h5, h6 {

}


h1 {
    font-size: 150%;
}

h2 {
    font-size: 145%;
}

h3 {
    font-size: 135%;
}

h4 {
    font-size: 135%;
}

h5 {
    font-size: 135%;
}

@media (min-width: 576px) {
    h1 {
        font-size: 170%;
    }

    h2 {
        font-size: 140%;
    }

    h3 {
        font-size: 125%;
    }

    h4 {
        font-size: 125%;
    }

    h5 {
        font-size: 125%;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 170%;
    }

    h3 {
        font-size: 140%;
    }

    h4 {
        font-size: 125%;
    }

    h5 {
        font-size: 125%;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 170%;
    }

    h3 {
        font-size: 140%;
    }

    h4 {
        font-size: 125%;
    }

    h5 {
        font-size: 125%;
    }
}



/* ==================== Custom Icons ==================== */

.fa-custom-sort-date-asc::after,
.fa-custom-sort-date-desc::after{
    position: absolute;
    width: 18px;
    top: 0px;
    right: 0px;
    font-size: 10px;
    line-height: 9px;
    font-family: "courier new",monospace;
    font-weight: bold;
}

.fa-custom-sort-date-asc::after { content: "JAN DEC";}
.fa-custom-sort-date-desc::after{ content: "DEC JAN";}



