/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 29, 2022 */



@font-face {
    font-family: 'swera_demobold';
    src: url('swera_bold_demo-webfont.woff2') format('woff2'),
         url('swera_bold_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swera_demoitalic';
    src: url('swera_italic_demo-webfont.woff2') format('woff2'),
         url('swera_italic_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swera_demoregular';
    src: url('swera_regular_demo-webfont.woff2') format('woff2'),
         url('swera_regular_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swera_demo_shadowedregular';
    src: url('swera_shadowed_demo-webfont.woff2') format('woff2'),
         url('swera_shadowed_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


:root{


    --f1 : 14px;
    --f2 : 16px;
    --f3 : 18px;
    --f4 : 20px;
    --f5 : 22px;
    --f6 : 24px;
    --f7 : 30px;
    --f8 : 32px;
    --f9 : 48px;
    --f10: 50px;
    --f11: 56px;
    --f12: 60px;
    --f13: 100px;
    --f14: 150px;
    --f15: 200px;
    --f16: 220px;
    --f17: 80px;

    @media (max-width:1280px){
        
        --f3 : 16px;
        --f7 : 26px;
        --f9 : 44px;
        --f11: 50px; 
        --f12: 52px;
        --f13: 90px;
        --f14: 130px;
        --f15: 180px;
        

    }
    @media (max-width:1130px){
        --f15: 130px;
    }

    @media (max-width:992px){
        --f1 : 12px;
        --f3 : 15px;
        --f4 : 16px;
        --f5 : 20px;
        --f6 : 22px;
        --f7 : 26px;
        --f9 : 40px;
        --f10: 46px;
        --f11: 46px;
        --f12: 44px;
        --f13: 80px; 
        --f14: 95px;
        --f15: 130px;
        --f17: 70px;
    }

    @media (max-width:768px){
        --f15: 110px;
    }

    @media (max-width:576px){

         
        --f2 : 13px;
        --f3 : 15px;
        --f4 : 14px;
        --f5 : 16px;
        --f6 : 18px;
        --f7 : 18px;
        --f9 : 33px;
        --f10: 40px;
        --f11: 38px;
        --f12: 35px;
        --f13: 52px;
        --f15: 90px
    }

    @media (max-width:400px){

        /* --f9 : 30px; */
        
    }


  
  
  
  }