/* =================================== */
/* ============== 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: 'Segoe UI Light';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/segoe-ui-light.eot'); /* IE9 Compat Modes */
    src: url('/fonts/segoe-ui-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/segoe-ui-light.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/segoe-ui-light.woff') format('woff'), /* Modern Browsers */
         url('/fonts/segoe-ui-light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/segoe-ui-light.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/segoe-ui-regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/segoe-ui-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/segoe-ui-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/segoe-ui-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/segoe-ui-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/segoe-ui-regular.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Segoe UI Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/segoe-ui-semibold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/segoe-ui-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/segoe-ui-semibold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/segoe-ui-semibold.woff') format('woff'), /* Modern Browsers */
         url('/fonts/segoe-ui-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/segoe-ui-semibold.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/segoe-ui-bold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/segoe-ui-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/segoe-ui-bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/segoe-ui-bold.woff') format('woff'), /* Modern Browsers */
         url('/fonts/segoe-ui-bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/segoe-ui-bold.svg') format('svg'); /* Legacy iOS */
}

.sl{
    font-family: 'Segoe UI Light';
}

.sr{
    font-family: 'Segoe UI Regular';
}

.ssb{
    font-family: 'Segoe UI Semibold';
}

.sb{
    font-family: 'Segoe UI Bold';
}


p, a, .p, li{
    /** 24px **/
    font-size: 1rem !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

h1, .h1{ 
    /** 98px **/
    font-size: 6.125rem !important;
    line-height: 6.25rem !important;
}

h2, .h2{
    /** 80px **/
    font-size: 5rem !important;
    line-height: 5.5rem !important;
}

h3, .h3{
    /** 68px **/
    font-size: 4.25rem !important;
    line-height: 4.875rem !important;
}

h4, .h4{
    /** 58px **/
    font-size: 3.625rem !important;
    line-height: 4.3rem !important;
}

h5, .h5{
    /** 48px **/
    font-size: 3rem !important;
    line-height: 3.625rem !important;
}

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

.footer-title{
    /** 150px **/
    font-size: 7.375rem !important;
    line-height: 1.3 !important;
}

.big-title{
    /** 24px **/
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
}

.medium-title{
    /** 20px **/
    font-size: 1.25rem !important;
    line-height: 1 !important;
    letter-spacing: 0.5px;
}

.small-title{
    /** 18px **/
    font-size: 1.125rem !important;
    line-height: 1.325rem !important;
}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

    .footer-title{
        /** 150px **/
        font-size: 6.375rem !important;
        line-height: 1.3 !important;
    }

}

@media (max-width: 1200px) {

    .footer-title{
        /** 150px **/
        font-size: 5.375rem !important;
        line-height: 1.3 !important;
    }

}

@media (max-width: 992px) {

    .footer-title{
        /** 150px **/
        font-size: 4.375rem !important;
        line-height: 1.3 !important;
    }

}

@media (max-width: 768px) {

    h1, .h1{ 
        /** 98px **/
        font-size: 3.125rem !important;
        line-height: 3.125rem !important;
    }
    
    h2, .h2{
        /** 80px **/
        font-size: 2.25rem !important;
        line-height: 2.25rem !important;
    }
    
    h3, .h3{
        /** 68px **/
        font-size: 4.25rem !important;
        line-height: 4.875rem !important;
    }
    
    h4, .h4{
        /** 58px **/
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    
    h5, .h5{
        /** 48px **/
        font-size: 3rem !important;
        line-height: 3.625rem !important;
    }
    
    h6, .h6{
        /** 36px **/
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }

    .footer-title{
        /** 150px **/
        font-size: 3rem !important;
        line-height: 1.3 !important;
    }

}

@media (max-width: 576px) {

    .mobile-heading{
        font-size: 1.5rem !important;
        line-height: 1 !important;
    }

    .big-title, .medium-title, p, a{
        /** 24px **/
        font-size: 1.325rem !important;
        line-height: 1.8rem !important;
    }

    .footer-title {
        font-size: 2.375rem !important;
        line-height: 3.3 !important;
    }

    .footer-title{
        /** 150px **/
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }

}