/**
 * theme-variables.css
*/

:root {
    --root-font-size: 22px;
    --primary-font: 'Google Sans';
    --secondary-font: 'Lora';

    --body-text-color: #000000;
    --heading-text-color: #105199;

    --color-white: #fff;
    --color-dark: #000000;
    --color-blue: #105199;
    --color-light-blue: rgba(16, 81, 153, 0.698);;
    --color-grey: #636363;
    --color-input: #000000;
    --color-border: #DDDDDD;

    --background-white: #fff;
    --background-blue: #105199;
    --background-grey: #E1EBF5;

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

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


@media screen and (max-width: 1700px) {

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

}


@media screen and (max-width: 1600px) {

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

}


@media screen and (max-width: 1500px) {

    :root {
        --root-font-size: 18px;

    }

}


@media screen and (max-width: 1100px) {

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

}



@media screen and (max-width: 600px) {

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

    }

}