/* =================================== */
/* ============== FONTS ============== */
/* =================================== */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/abel-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/abel-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/abel-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('/fonts/abel-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('/fonts/abel-v18-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}


.abel{
    font-family: 'Abel';
}

.adelle{
    font-family: "adelle-sans-condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.adelle-bold{
    font-family: "adelle-sans-condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

p, a, .p, li{
    font-size: 1.25rem !important;
    line-height: 1.325rem !important;
}

h1, .h1, .h1 p{
    /* 64px */
    font-size: 4rem !important;
    line-height: 4.375rem !important;
}

h2, .h2, .h2 p{
    /* 50px */
    font-size: 3.125rem !important;
    line-height: 4rem !important;
}

h3, .h3, .h3 p{
    /* 40px */
    font-size: 2.5rem !important;
    line-height: 3.25rem !important;
}

h4, .h4, .h4 p{
    /* 30px */
    font-size: 1.875em !important;
    line-height: 2.375rem !important;
}

h5, .h5, .h5 p{

}  

h6, .h6{

}


@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    h1, .h1, .h1 p{
        /* 52px */
        font-size: 1.85rem !important;
        line-height: 2rem !important;
    }

    h2, .h2, .h2 p{
        /* 38px */
        font-size: 1.6rem !important;
        line-height: 1.8rem !important;
    }

    h3, .h3, .h3 p{
        /* 32px */
        font-size: 1.5rem !important;
        line-height: 1.7rem !important;
    }

    h4, .h4, .h4 p{
        /* 30px */
        font-size: 1.3em !important;
        line-height: 1.5rem !important;
    }

}

@media (max-width: 576px) {

    p, a, .p, li{
        font-size: 1.1rem !important;
        line-height: 1.325rem !important;
    }

}