
/* roboto-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: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/roboto-v48-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/roboto-v48-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-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: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v48-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/roboto-v48-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-500 - 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: 'Roboto Medium';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v48-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/roboto-v48-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-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: 'Roboto SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/roboto-v48-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/roboto-v48-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-700 - 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: 'Roboto Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v48-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fonts/roboto-v48-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

.r-light{
    font-family: 'Roboto Light';
}

.r-regular{
    font-family: 'Roboto Regular';
}

.r-medium{
    font-family: 'Roboto Medium';
}

.r-semibold{
    font-family: 'Roboto SemiBold';
}

.r-bold{
    font-family: 'Roboto Bold';
}

p, a, .p, li{
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
}

h1, .h1, .h1 p{
    /* 54px */
    font-size: 3.375rem !important;
    line-height: 1.2 !important;
}   

h2, .h2, .h2 p{
    /* 40px */
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
}

h3, .h3, .h3 p{
    /* 36px */
    font-size: 2.25rem !important;
    line-height: 1.2 !important;
}

h4, .h4, .h4 p{
    /* 24px */
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}   

h5, .h5, .h5 p{
    /* 16px */
    font-size: 1rem !important;
    line-height: 1.2 !important;
}  

h6, .h6{

}

.footer-headline{
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
}

.footer-text p{
    line-height: 2.2 !important;
}


@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    h1, .h1, .h1 p{
        /* 54px */
        font-size: 2.375rem !important;
        line-height: 1.2 !important;
    }   
    
    h2, .h2, .h2 p{
        /* 38px */
    
    }
    
    h3, .h3, .h3 p{
        /* 36px */
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
    }
    
    h4, .h4, .h4 p{
        /* 24px */
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }   
    
    h5, .h5, .h5 p{
        /* 16px */
        font-size: 1rem !important;
        line-height: 1.2 !important;
    }  

}

@media (max-width: 576px) {


}