/**
 * theme-variables.css
*/

:root {
    --root-font-size: 22px;
    --primary-font: 'Arial', sans-serif;
    --secondary-font: 'Arial', sans-serif;

    --body-text-color: #000;
    --heading-text-color: #000;

    --color-white: #fff;
    --color-dark: #000;
    --color-input: #000;
    --color-border: #ddd;

    --background-white: #fff;
    --background-dark: #000;

    --section-padding-top-bottom: 5rem 0;
    --section-padding-top: 5rem 0 0;
    --section-padding-bottom: 0 0 5rem;

    --border-radius-half: .5rem;
    --border-radius-one: 1rem;
    --border-radius-one-quarter: 1.25rem;
    --border-radius-one-half: 1.5rem;
}


@media (max-width: 1700px) {

    :root {
        --root-font-size: 20px;
        
    }

}


@media (max-width: 1600px) {

    :root {
        --root-font-size: 19px;
        
    }

}


@media (max-width: 1500px) {

    :root {
        --root-font-size: 18px;
        --section-padding-top-bottom: 4rem 0;
        --section-padding-top: 4rem 0 0;
        --section-padding-bottom: 0 0 4rem;
        --section-padding-bottom-small: 0 0 2rem;
    }

}


@media (max-width: 1100px) {

    :root {
        --root-font-size: 17px;
    }

}



@media (max-width: 600px) {

    :root {
        --root-font-size: 16px;
    }

}