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

/* encode-sans-semi-expanded-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: 'Encode Sans Semi Expanded Light';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/encode-sans-semi-expanded-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  /* encode-sans-semi-expanded-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 Semi Expanded Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/encode-sans-semi-expanded-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  /* encode-sans-semi-expanded-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 Semi Expanded Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/encode-sans-semi-expanded-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.e-light{
    font-family: 'Encode Sans Semi Expanded Light'; 
}

.e-regular{
    font-family: 'Encode Sans Semi Expanded Regular';
}

.e-semibold{
    font-family: 'Encode Sans Semi Expanded Semibold';
}

p, a, .p, li{
    /* 18px */
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
}

h1, .h1{
    /* 112px */
    font-size: 7rem !important;
    line-height: 1.2 !important;
}

h2, .h2{
    /* 54px */
    font-size: 3.375rem !important;
    line-height: 1.2 !important;
}

h3, .h3{
    /* 36px */
    font-size: 2.25rem !important;
    line-height: 1.2 !important;
}

h4, .h4{
    /* 24px */
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}

h5, .h5{
    /* 18px */
    font-size: 1.125rem !important;
    line-height: 1.2 !important;
}  

h6, .h6{
    /* 14px */
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
}

.ls-sm{
    letter-spacing: 1.8px;
}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {


}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    h1, .h1{
        /* 112px */
        font-size: 7rem !important;
        line-height: 1.2 !important;
    }
    
    h2, .h2{
        /* 54px */
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }
    
    h3, .h3{
        /* 36px */
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
    }
    
    h4, .h4{
        /* 24px */
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }
    
    h5, .h5{
        /* 18px */
        font-size: 1.125rem !important;
        line-height: 1.2 !important;
    }  
    
    h6, .h6{
        /* 14px */
        font-size: 0.875rem !important;
        line-height: 1.4 !important;
    }

}

@media (max-width: 576px) {

}