:root {
    --font-family-montserrat: 'Montserrat', sans-serif;

    --size-5: 5rem;
    --size-4: 4rem;
    --size-3: 3rem;
    --size-2: 2rem;
    --size-1: 1rem;

    --color-grey: #EEEEEE;
    --color-dark-grey: #2f383e;
    --color-light: #E9FFF9;
    --color-primary: #75aa9b;
    --color-secondary: #467599;
    --color-dark: #1D3354;
    --color-white: #fff;

    --gutter-width: 1rem;
    --outer-margin: 2rem;
    --gutter-compensation: 0; /* calc((var(--gutter-width) * 0.5) * -1); */
    --half-gutter-width: calc((var(--gutter-width) * 0.5));
    --xs-min: 30;
    --sm-min: 48;
    --md-min: 64;
    --lg-min: 75;
    --screen-xs-min: var(--xs-min) em;
    --screen-sm-min: var(--sm-min) em;
    --screen-md-min: var(--md-min) em;
    --screen-lg-min: var(--lg-min) em;
    --container-sm: calc(var(--sm-min) + var(--gutter-width));
    --container-md: calc(var(--md-min) + var(--gutter-width));
    --container-lg: calc(var(--lg-min) + var(--gutter-width));

    --animation-speed: 40s
}