@font-face {
    font-family: "BrandonGrotesqueWeb-Light";
    src: url("fonts/BrandonGrotesque-Light.woff2") format("woff2"), url("fonts/BrandonGrotesque-Light.woff") format("woff"), url("fonts/BrandonGrotesque-Light.ttf") format("truetype"), url("fonts/BrandonGrotesque-Light.eot?#iefix") format("embedded-opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "BrandonGrotesqueWeb-Regular";
    src: url("fonts/BrandonGrotesque-Regular.woff2") format("woff2"), url("fonts/BrandonGrotesque-Regular.woff") format("woff"), url("fonts/BrandonGrotesque-Regular.ttf") format("truetype"), url("fonts/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "BrandonGrotesqueWeb-Bold";
    src: url("fonts/BrandonGrotesque-Bold.woff2") format("woff2"), url("fonts/BrandonGrotesque-Bold.woff") format("woff"), url("fonts/BrandonGrotesque-Bold.ttf") format("truetype"), url("fonts/BrandonGrotesque-Bold.eot?#iefix") format("embedded-opentype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "BrandonGrotesqueWeb-Black";
    src: url("fonts/BrandonGrotesque-Black.woff2") format("woff2"), url("fonts/BrandonGrotesque-Black.woff") format("woff"), url("fonts/BrandonGrotesque-Black.ttf") format("truetype"), url("fonts/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "MundoSansPro-Light";
    src: url("fonts/Mundo/MundoSansStdLight.otf") format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "MundoSansPro-Regular";
    src: url("fonts/Mundo/MundoSansStdRegular.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "MundoSansPro-Bold";
    src: url("fonts/Mundo/MundoSansStdBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}


@media all and (min-width: 1px) and (max-width: 767px)
{ 
    :root 
    {
        --text_size_h1: 30px;
        --text_size_h2: 20px;
        --text_size_h3: 18px;
        --text_size_h4: 15px;
        --text_size_p: 15px;
        --text_size_span: 15px;
        --text_size_a: 15px;
        --text_size_li: 15px;
        --text_size_btn: 18px;
        --text_line_height: 1.3;
    }
}

@media all and (min-width: 768px)
{ 
    :root 
    {
        --text_size_h1: 35px;
        --text_size_h2: 25px;
        --text_size_h3: 20px;
        --text_size_h4: 17px;
        --text_size_p: 17px;    
        --text_size_span: 17px;    
        --text_size_a: 17px;
        --text_size_li: 17px;
        --text_size_btn: 20px;
        --text_line_height: 1.3;
    }
}