
/* =================================== */
/* ============== FONTS ============== */
/* =================================== */

/* literata-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Literata Light';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/literata-v35-latin-300.eot'); /* IE9 Compat Modes */
    src: url('/fonts/literata-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/literata-v35-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/literata-v35-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/fonts/literata-v35-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/fonts/literata-v35-latin-300.svg#Literata') format('svg'); /* Legacy iOS */
}

/* literata-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Literata';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/literata-v35-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/literata-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/literata-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/literata-v35-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/fonts/literata-v35-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/fonts/literata-v35-latin-regular.svg#Literata') format('svg'); /* Legacy iOS */
}

/* encode-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/encode-sans-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/encode-sans-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/encode-sans-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/encode-sans-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/fonts/encode-sans-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/fonts/encode-sans-v19-latin-regular.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Encode Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/encode-sans-v19-latin-600.eot'); /* IE9 Compat Modes */
    src: url('/fonts/encode-sans-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/encode-sans-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/encode-sans-v19-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/fonts/encode-sans-v19-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/fonts/encode-sans-v19-latin-600.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

.l-light{
    font-family: 'Literata Light';
}

.l-regular{
    font-family: 'Literata';
}

.e-regular{
    font-family: 'Encode Sans';
}

.e-semibold{
    font-family: 'Encode Sans Semibold';
}

p, a, .p, li{
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
}

h1, .h1, .h1 p{
    /* 64px */
    font-size: 4rem !important;
    line-height: 1.2 !important;
}

h2, .h2, .h2 p{
    /* 40px */
    font-size: 2.5rem !important;
    line-height: 1.3 !important;
}

h3, .h3, .h3 p{
    /* 24px */
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}

h4, .h4, .h4 p{
    /* 20px */
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
}

h5, .h5, .h5 p{
    /* 16px */
    font-size: 1rem !important;
    line-height: 1.5 !important;
}  

h6, .h6{

}

.hero-headline{
    font-size: 7rem !important;
    line-height: 1.1 !important;
}

@media (max-width: 1920px) {

    .hero-headline{
        font-size: 5vw !important;
        line-height: 1.1 !important;
    }

}

@media (max-width: 1440px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

    h1, .h1, .h1 p{
        /* 64px */
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }

    h2, .h2, .h2 p{
        /* 40px */
        font-size: 1.75rem !important;
        line-height: 1.2 !important;
    }
    
}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

    .hero-headline{
        font-size: 7vw !important;
        line-height: 1.1 !important;
    }

    .hero-video{
       object-position: 85% !important;
    }

}